Web Development Bootcamp

Code Labs Academy

particular

details

                                    Medium of instructions
                                    English

Mode of learning Self study, Virtual Classroom

                                    Mode of Delivery
                                    Video and Text Based

Introduction to Networks and how Websites
- Work How networks work
- The interaction between servers and clients
Version Control with Git and GitHub
- Introduction
- Installing Git
- The Git workflow
- Using GitHub
VS Code
- Installation
- UI Tour
- Extensions

HTML5 & CSS3
- Discover the HTML syntax and the most used elements
- Learn the fundamentals of CSS (Syntax, properties, and selectors)
- Responsive Web Design using CSS FlexBox and CSS Grids
JS
- Basics & Syntax
  - Conditions & Loops
  - Functions, Arrays & Objects
- ES6: New Syntax and Data structures
  - Arrow functions
  - Modules Promises
  - JS Data structures
  - ES7 to ESNext (2022)
Advanced JS
- Dom Manipulation with JavaScript
- Javascript Dates and Regular Expressions
- The Fetch API
- Higher-Order Array Methods
Bootstrap
- Using Bootstrap for responsive design
- Build your design system using Bootstrap’s customization

Fundamentals of Server-Side development
- The importance of the back-end side
- The general architecture of the web
Introduction to NodeJS
- What is NodeJS?
- The NodeJS architecture Node Package Manager ( NPM )
- Different applications of Node
Hands-on NodeJS
- NodeJS core modules
- Creating a password generator CLI app
  - Command line arguments
  - Generation of data ( random passwords )
  - Encryption and Decryption
  - Storing and retrieving
files Networking fundamentals
- Network TCP/IP Layers
- TCP and UDP Transport technologies
- DNS
- Sockets
- HTTP and the Application layer
Network applications using NodeJS
- The HTTP Core module
- Creating a static file server using NodeJS
- Creating a full website with template engine EJS

Front-end Javascript Frameworks
- Introduction to front-end Javascript frameworks
- React competitors: Vue, Angular, Svelte
The React JS Library
- Create your first React App
- Components, JSX, Props, Styling
- Functional State in ReactJS
- Conditional rendering, working with lists, and event handling
React Hooks
- Core hooks: useState, useEffect, useMemo, useCallback
- Stateful Functional Components with Custom Hooks
Routing with React Router
- React Router Concepts
- React Router Hooks
Advanced React Concepts
- Refs, DOM manipulation, and forwarding Refs
- Context API
- Fetching Data from API with “fetch” and “Axios”
- Testing Components
State Management with Redux
- Redux Core Concepts
- Redux with React: Centralizing state
- Modern Redux with Redux Toolkit
Optional: Modern Styling in React - TailwindCSS and Styled-Components
Optional: RSuite UI library for React App
Optional: NextJs and GatsbyJS
- Introduction to NextJS for server-side rendered applications
- Introduction to GatsbyJS for statically generated applications

Data and Database management using MongoDB
- Data and Databases
- NoSQL and MongoDB
- Creating an API skeleton
- Integrating the API with a MongoDB database