| Course Title |
Fullstack Development |
| Week 1 |
Introduction to Web Development |
Introduction to the world of web development, exactly how websites job, and also the role of
a full-stack developer. Learn HTML structure and syntax. In-depth research study of HTML aspects
and also qualities. Introduction to CSS, its syntax, selectors and essential homes to style web
pages. Advanced HTML tags and also CSS Selectors; course, ID, characteristic. Essentials of
responsive web design using media inquiries and Flexbox. Conclude with a project for the design
and layout of a basic website using HTML and CSS. |
| Week 2 |
Advanced HTML & CSS |
Semantic HTML for accessibility and SEO, advanced HTML forms: input types, validation, and
accessibility. Deep dive into Flexbox. Create dynamic User Experiences with CSS Animations and
Transitions. Introduction to the Bootstrap framework: Grid System, Components, and Utilities.
Basics of SASS: Variables, Nesting, Mixins, Functions. Project Work The students will work on
a project in order to create a responsive web page using Bootstrap and SASS. |
| Week 3 |
JavaScript Basics |
Introduce JavaScript, its syntax, variables, data types, and basic operators. Study the control
structures such as conditionals and loops. Learn about functions, declarations, expressions, and
variable scope. Study objects and arrays, their methods, and properties. Get an introduction to
DOM manipulation and event handling for making interactive web pages. Get an overview of ES6
features like let, const, arrow functions, template literals, spread, and rest operators.
Conclude with a project to build an interactive webpage. |
| Week 4 |
Advanced JavaScript |
Understood asynchronous JavaScript with Callbacks and Promises.
Study of Fetch API to perform HTTP requests and processing received response
Assurance for clean asynchronous code with async/await and the best practices about error handling
Understanding of JavaScript modules, importing and exporting modules
Solve a complex application problem in JavaScript. This integrates all concepts learned,
reviewing your code and debugging. |
| Week 5 |
Version Control |
Basics of version control using Git: repositories, committing changes, basic Git commands.
Workflows with GitHub: remote repositories, creating pull requests, collaboration.
The study of branching and merging in Git, solving conflicts, and best-practice branch management.
Hands-on exercise with Git/GitHub for version control and collaboration.
Integrate version control best practice into a project: branch, merge, collaborate. |
| Week 6 |
Front-end Frameworks |
Introduction to the React framework and JSX syntax, create a React project also studing with
React components, state, and props, and Component lifecycle methods. Intro to React hooks:
useState, useEffect, custom hooks. Learn React Router for setting up routing in a React application.
Global state management with the Context API.
Project: Build a full React application. |
| Week 7 |
Backend Basics |
Introduction to Node.js, Setting up a Node.js environment.
Introduction to Express.js, some basics for building a web server in Express.js.
RESTful APIs in Express.js: routing and handling HTTP methods
Middleware functions in Express.js: custom middleware, express built-in middleware
Develop a basic backend API using Node.js and Express.js
Final Project: Implement a fully functional backend API. |
| Week 8 |
Databases |
Understand differences between SQL and NoSQL databases. Introduction to MongoDB and its main
features. Learn CRUD operations in MongoDB by the shell and drivers. Study database design in
MongoDB. This includes schemas, relationships, and data modelling. Finally, an introduction to
Mongoose, an ODM library for MongoDB, creation of schemas and models. This will be concluded with
a project for building a full stack application integrating MongoDB with a Node.js backend. |
| Week 9 |
Authentication |
Introduce JSON Web Tokens for Authentication, and how to implement it in a Node.js application.
Insight into Passport.js—Authentication Middleware—and its integration with various strategies.
Understand the OAuth protocol and its application in third-party authentication. Learn about good
secure authentication practices, which include password hashing, API Security, and Session
Management. Conclude with a project to integrate authentication mechanisms into an application. |
| Week 10 |
Deploying |
Course Introduction to deploying applications on Heroku, how to set environment variables and
manage deployments. Learn how to deploy static sites on Netlify and continuous deployment setups
and settings management. Study CI/CD pipelines: Continuous Integration and Continuous Deployment
Automated testing and deployment workflows. Review different strategies and best practices in
deployment and troubleshooting of deployment problems. Conclude with a project to deploy a complete
application integrating CI/CD pipelines. |
| Week 11 |
Advanced Topics |
Advanced topics: Introduction to GraphQL, setting up a GraphQL server, writing basic queries and
mutations. Complex queries, mutations, understanding resolvers, GraphQL, and integration with the
backend server. Introduction to WebSockets: Setting up a WebSockets Server and Real-time
Communication in Applications. Serverless Architecture: Setting up Serverless functions and
Integrate into Applications. Project on Integrating GraphQL, WebSockets, and Serverless Architecture
into an Application. |
| Week 12 |
Career Development & DevOps Practices |
Hands-on revel in building, coping with, and deploying Docker packing containers in development,
trying out, and manufacturing environments. Introduce Infrastructure as Code (IaC) principles and
equipment like Terraform and good exercise approximately handling infrastructure thru code. Plan and
structure a capstone project for the integration of all the learnt concepts: frontend development
to backend development, into deployment and optimization. Design a capstone project with full
integration of frontend and backend, enhanced with advanced features. Conclude with a presentation
of the capstone project, including peer and instructor feedback, and evaluation according to
predetermined criteria. |
