0% found this document useful (0 votes)
41 views5 pages

Full-Stack Development 5 Day Workshop Syllabus

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
41 views5 pages

Full-Stack Development 5 Day Workshop Syllabus

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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