FullStack Web Development

2
FullStack Web Development

 C’est quoi un développeur Full Stack ?

Le développeur Full Stack, appelé également dev Full Stack est responsable
de la création et de la gestion de sites web ou d’applications en ligne. Il est
en mesure de travailler en front-end et en back-end. Grâce à sa diversité de
compétences, il est capable de prendre en charge toutes les phases d’un
projet de création, depuis le développement jusqu’à la production.

14/02/2024
 3
FullStack Web Development

 Quelles sont ses missions quotidiennes ?

 Le développeur Full Stack s’occupe de la création d’applications web
entièrement fonctionnelles, en utilisant un éventail de technologies et de
langages de programmation. Cette polyvalence lui permet de travailler
sur des missions diverses et variées, à différents niveaux de la conception
du site. Le développeur Full Stack peut intervenir sur la globalité du site ou
se concentrer sur certains aspects. En d’autres termes, il est en mesure de
s’adapter à des projets de toute nature, grâce à sa connaissance de
l’ensemble des couches d’une application ou d’un site web.

14/02/2024
FullStack Web Development Training
Programme

 Duration : 6 months
 2 sessions per week
 300 heures -160 hours face-to-face
 Programme en préparation :
« Bachelor Développeur informatique (BAC+3) : Titre de Concepteur
développeur d’applications de niveau 6. Titre professionnel enregistré au
RNCP, Fiche 34678, par l’arrêté du 03/05/2018. Délivrée par la DREETS».

14/02/2024
 5
Module 1: Introduction to Web
Development

 Basic concepts of web development

 Overview of front-end vs. back-end development
 Web architecture

14/02/2024
 6
Module 2: HTML Fundamentals

 Introduction to HTML5
 Semantic HTML elements
 Forms and input validation
 Accessibility best practices

14/02/2024
 7
Module 3: CSS

 Introduction to CSS, selectors, and properties

 Box model, layout techniques
 Flexbox for modern layout design
 Grid system for advanced layout structures
 Responsive design principles and media queries

14/02/2024
 8
Module 4: JavaScript Fundamentals

 JavaScript data types, variables, operators

 Control flow and loops
 Functions and scope
 Objects, arrays, and prototypes
 DOM manipulation
 Asynchronous JavaScript (callbacks, promises, async/await)

14/02/2024
 9
Module 5: React.js Fundamentals

 Introduction to React.js and its ecosystem

 JSX syntax, Components and props
 Component lifecycle
 Handling events and forms in React
 React Router for client-side routing

14/02/2024
 10
Module 6: Advanced React.js

 State management with Redux

 Asynchronous data fetching with React (API calls)
 React Hooks

14/02/2024
Back-end Development Modules: 11
Module 7: Node.js

 Introduction to Node.js and its ecosystem

 Node.js modules, npm (Node Package Manager)
 File system operations and streams
 Asynchronous programming in Node.js

14/02/2024
 12
Module 8: Express.js

 Introduction to Express.js framework

 Middleware and its usage in Express.js
 Routing in Express.js
 Building RESTful APIs with Express.js

14/02/2024
 13
Module 9: MongoDB and Mongoose

 NoSQL vs SQL database

 MongoDB fundamentals
 Data modeling with Mongoose
 CRUD operations in MongoDB
 Working with collections and documents
 Connecting a Node.js/Express.js application to MongoDB

14/02/2024
 14
Module 10: Advanced Express.js

 Authentication and authorization in Express.js

 Integration of authentication middleware
 Security best practices in Express.js

14/02/2024
 15
Module 11: Full-Stack Integration and
Project

 Integrating React front-end with Node.js/Express.js backend

 Database integration and data manipulation
 User authentication and authorization implementation
 Project development incorporating MERN stack principles
 Deployment of the project on cloud services like Heroku or Netlify

14/02/2024
 16

January, 25th 2024

14/02/2024