Full-Stack Development 5 Day Workshop Syllabus

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 5

FULL-STACK WEB DEVELOPMENT

Full-Stack Web development is the combined development of a


website's front-end and back-end. Front-end development involves creating a
website or web application's user interface and user experience. Full-stack
developers work with HTML, CSS, JavaScript, and various front-end libraries
and frameworks like React, Angular, or Vue.js. Back-end development is
responsible for the server-side logic, databases, and infrastructure. Full-stack
developers often work with server-side programming languages like Python,
Ruby, Java, Node.js, or PHP, as well as databases like MySQL, PostgreSQL,
MongoDB, or SQL Server.

Full-stack developers should have a good understanding of database


management, including data modeling, querying, and optimization. Knowledge
of both SQL and NoSQL databases is valuable. Full-stack web development is
considered great for several reasons, and here are some facts that highlight its
appeal:

1. Versatility: Full-stack developers have a wide range of skills, allowing


them to work on both the front-end and back-end of web applications.
This versatility makes them valuable assets to development teams and
employers.
2. End-to-end Ownership: Full-stack developers can take ownership of an
entire project, from design to deployment. This end-to-end responsibility
can be personally fulfilling and lead to a deeper understanding of the
development process.
3. Problem Solving: They are adept at problem-solving across different
layers of a web application. This skill is highly valued, as it allows them
to identify and resolve issues efficiently.
4. Reduced Dependency: Organizations benefit from having full-stack
developers on their teams because it reduces dependency on multiple
specialized roles. This can lead to faster development cycles and cost
savings.

The software involved in full-stack web development are

1. HTML
2. CSS
3. Bootstrap
4. PHP
5. MySQL
OBJECTIVES:

 Students become capable of working on both the front-end and back-end


of web development. This increases their career opportunities in the
future.
 Students who learn full-stack development gain a comprehensive
understanding of how web applications work, from designing user
interfaces to managing databases and servers. This holistic view is
beneficial in making informed decisions and troubleshooting issues.
 Full-stack developers have the skills to create their web-based projects or
startups. They can turn their ideas into working prototypes and develop
their applications from scratch without relying on external developers.
 The web development community is vast, and students can benefit from
networking and collaborating with other developers, designers, and
professionals in the field.
 Learning full-stack web development is a valuable investment for
students interested in technology and web-based applications. It provides
a wide range of career opportunities, fosters problem-solving, and
empowers students to create, innovate, and adapt to the ever-changing
tech landscape.
LIST OF EXPERIMENTS

DAY 1

 Brief introduction to HTML, Html tags, Basic structure of a HTML


document.
 Concept of Stylesheet. Creating stylesheet. CSS properties.

DAY 2

 What is JavaScript, Java vs. JavaScript. Variable declaration. Input and


Output. Datatypes. Loops. getElement and Alert functions and JavaScript
charts.
 Introduction to Bootstrap, Bootstrap elements – Containers, Grids,
Colours, Tables, Images, Navigation bars, Forms, Inputs, Input groups,
Custom forms, Carousels, Modals, Tooltips, Popovers, Toasts, Scrollspy,
Flex. Webpage design using Bootstrap.

DAY 3

 Servers - Introduction to servers, Types of Servers, Server installation in


computer, Server maintenance. PHP - Introduction to PHP, Declaring
PHP variables, PHP input and output using HTML forms.
 PHP - Form handling using HTML forms. Condition statement – If, If-
Else, If-Elseif- Else, Switch and Short circuit evaluation. Looping
statements – For, Foreach, While, Do-While, Nested loops, Break and
Continue. Array and Array functions – Count, Push, Pop, Shift, Unshift,
Sort and Rsort.
 PHP file handling – Upload and storing files using PHP and HTML
forms. Errors – Syntax, Runtime, Notices, Warnings and Fatal errors.
Sessions – Creating sessions, Setting session data, Retrieving session
data, Destroying a session. Cookies – Setting a cookie, Assessing cookie
values, Deleting cookies.

DAY 4

 Overview of MySQL and its significance – Data models (relational,


hierarchical, network) – Creating, reading, updating, and deleting
(CRUD) Operations – Advantages and Disadvantages of Databases.
 MySQL data types and their Usage – Creating and managing MySQL
tables – Primary keys, foreign Keys and Constraints.
 SQL basics (SELECT, INSERT, UPDATE, DELETE) – Querying data
(SELECT Statements).
 Master SQL fundamentals, including querying databases, inserting,
updating, and deleting data.

DAY 5

 Sessions creating and Signing in features addition.


 Full day work out on making a fully responsive and dynamic website
with a working backend by the students themselves.

TOTAL: 5 days

OUTCOME:

At the end of the course, the student will be able to:

 Design and create their own dynamic and responsive website with a
back end.

You might also like