EDUREKA

FULL STACK WEB DEVELOPMENT

CURRICULUM

HTML

CSS
JS

</> {}
 INTERNSHIP PROGRAM CURRICULUM | 01

CONTENT
MODULE 1
HTML, CSS AND Bootstrap From Level 0
Build a Static Version of Zomato Like Website
Interview Preparation Module 1 (HTML + CSS + Bootstrap)
Mini Project - Netflix Homepage 03
MODULE 2
Javascript
Making The Zomato Like Website Dynamic Using Javascript

Interview Preparation Module 2 (Javascript)

Mini Project - Weather App 09

MODULE 3
NodeJS
ExpressJS

MongoDB

Building Backend Of Zomato Like Website Using Node Js, Express Js

Make Database For The Zomato Like Website Using Mongodb
Interview Preparation (Nodejs, Express js, MongoDB)
Mini Project - Video Streaming Platform 13
 INTERNSHIP PROGRAM CURRICULUM | 02

MODULE 4
ReactJS
Payment Gateway
Deployment
Building And Styling The Responsive/dynamic Version Of Zomato
Using ReactJS
Interview Questions (ReactJS)
Mini Project - Covid Tracker App 19
EVALUATIONS 26

CERTIFICATES 27
PLACEMENT ASSISTANCE
30
 INTERNSHIP PROGRAM CURRICULUM | 03

MODULE 1

HTML, CSS and Bootstrap From Level 0

Build a Static Version of Zomato Like Website

Interview Preparation Module 1

(HTML + CSS + BOOTSTRAP)
 INTERNSHIP PROGRAM CURRICULUM | 04

Class 0 - Basic Introduction

Git and GitHub

Edureka Learning Management System Walkthrough

Introduction with Instructors, Mentors, and Teaching Assistants

Job Related Information / Tips to Crack Interviews

Understanding how website like Zomato is built

Week 1 HTML

HTML Basics
HTML Title, Meta, Img, Div, Span Tags
Block Level, Inline Level, Inline Block Level Elements

Dropdown, Input tag, Buttons, Heading tags, Paragraph tag

Table, List tags, Anchor tags, Forms

Building Static Version of Zomato Like

Website Using HTML

 INTERNSHIP PROGRAM CURRICULUM | 05

Week 2 CSS

CSS Basics
CSS - Inline, Internal, and External
Selectors
Dimension
Display
Background
CSS Box Model
Border
Margin
Padding
Position
Z-Index
Font-Style

Styling the Static Version of Zomato Like

Website Using CSS

 INTERNSHIP PROGRAM CURRICULUM | 06

Week 3,4 Bootstrap

Responsive Web design

Bootstrap Collapse

Breakpoints Bootstrap Typography

@media Rule Bootstrap Images

Debug CSS via Browser

Bootstrap Buttons

Bootstrap Introduction
Bootstrap Button Groups
Bootstrap vs. Media queries
Bootstrap Icons
Include Bootstrap in HTML
BS Dropdowns
Bootstrap using cdn
BS Form Control
Breakpoints in Bootstrap
BS Inputs Group
Containers BS Carousel
Bootstrap Grid System
BS Tables
Bootstrap Flex BS Utilities
Bootstrap Navbar

Making the Zomato Like Website

Responsive Using Bootstrap

 INTERNSHIP PROGRAM CURRICULUM | 07

Interview Preparation
Module 1 (HTML + CSS + BOOTSTRAP)
 INTERNSHIP PROGRAM CURRICULUM | 08

HTML CSS Bootstrap Mini Project

Build a Static Netflix Homepage

HTML CSS Bootstrap Certificate

Upon completion of this project
 INTERNSHIP PROGRAM CURRICULUM | 09

MODULE 2

Javascript

Making the Zomato Like Website Dynamic

Using Javascript

Interview Preparation Module 2 (Javascript)

 INTERNSHIP PROGRAM CURRICULUM | 10

Week 5,6,7 Javascript

Intro to JS let, var & cons

Why JS Template string
Integration of JS this keyword
JS Variables Arrow functions
Data Types default params
Operators IFFE
Conditional Statements Query string
I/O Statements Object Destructuring
Classes & Objects Hoisting
Array Callback Functions
Array Operation Promises
String Async/Await
String Operations Cookies
Loops Session Storage
DOM Manipulation Local Storage
Math object Concise Functions
Date object Spread Operator
Ternary Operator Rest Operator
Form Validation Debug JS using Browser
ES5, ES6 & Difference Data Structures & Algorithms
 INTERNSHIP PROGRAM CURRICULUM | 11

Making the Zomato Like Website

Dynamic Using Javascript

Interview Preparation
Module 2 (JAVASCRIPT)
 INTERNSHIP PROGRAM CURRICULUM | 12

JavaScript Mini Project

Build a Weather App

JavaScript Certificate
Upon completion of this project
 INTERNSHIP PROGRAM CURRICULUM | 13

MODULE 3

NodeJS, ExpressJS, MongoDB

Building Backend of Zomato Like Website

Using Node Js, Express Js

Make Database for the Zomato Like

Website Using Mongodb

Interview Preparation(Nodejs, Express js, MongoDB)

 INTERNSHIP PROGRAM CURRICULUM | 14

Week 8 NodeJS

Backend development
Node.js and its installation
Single and multi thread model
Module
How to import a module
Main types of modules
Import npm packages
Local and global packages
Request & Response in server
Nodemon
Postman
Verbs in API (GET, POST, PUT, DELETE)
Status Codes

Building Backend of Zomato Like Website

Using Nodejs
 INTERNSHIP PROGRAM CURRICULUM | 15

Week 9 ExpressJS

Express node.js (features and installation)

Body parser
Get and post Rest API
Client server connection using express

Routing using node.js (express js)

MVC Architecture
Intro to Debug API's in Chrome
Inspect Panel
Elements
Console
Sources
Network
Application
Performance
Request Params

Building Backend of Zomato Like Website

Using Expressjs
 INTERNSHIP PROGRAM CURRICULUM | 16

Week 10,11 MongoDB

Databases, Types of DB, Base Routes

MongoDB
MongoDB client server connection
ObjectID
CORS
MongoDB compass
MongoDB compass installation
MongoDB compass dashboard
CRUD operations
Data modelling (approach and perspectives)

Types of data models (flat, star, hierarchical, relational and object-relational)

MongoDB architecture
Data modelling in MongoDB
Connecting MongoDB and node.js
MongoDB CRUD operations
Read and write operations
Write concerns and their levels
Bulk inserts in MongoDB
Parameterizing API based on user search
 INTERNSHIP PROGRAM CURRICULUM | 17

Make Database for the Zomato Like

Website Using Mongodb

Interview Questions
(Nodejs, Express js, MongoDB)
 INTERNSHIP PROGRAM CURRICULUM | 18

NodeJS ExpressJS MongoDB

Mini Project
Build Backend of a Video Streaming Platform

List Multiple Videos

Fetching Videos
Click on the link to play them

NodeJS ExpressJS MongoDB Certificate

Upon completion of this project
 INTERNSHIP PROGRAM CURRICULUM | 19

MODULE 4

ReactJS

Payment Gateway

Deployment

Building and Styling the Responsive/dynamic

Version of Zomato Using Reactjs

Interview Questions (ReactJS)

 INTERNSHIP PROGRAM CURRICULUM | 20

Week 12 to17 ReactJS

React
MVC architecture
React and its features
React architecture
Virtual DOM
NPM
Package.json
Installation
JSX
React elements
Render function
Components of React
Props
States
Component lifecycle(mounting, updating and unmounting)
React bootstrap typeahead
Passing values between the components
Conditional rendering
 INTERNSHIP PROGRAM CURRICULUM | 21

Ternary operator
Iteration inside JSX
React components for Home Page
Location dropdown functionality
Restaurant Search Box functionality
Quick Searches onClick navigation functionality

React Modal
SignUp
Login
React Components for Filter Page
Search Location dropdown
Cuisines checkbox functionality
Prices radio buttons functionality
Sort functionality
Pagination functionality
React responsive carousel
React tabs
Routing
React router and its features
Configuring the application components
 INTERNSHIP PROGRAM CURRICULUM | 22

import components
Navigation using links
404 page and its configuration
URL parameter and their configuration
Dynamic routing
Query string
React Modal onClick of Place online order button

List of Menu's for the restaurants

Add / remove menu item
Subtotal Calculation
React Forms

Building and Styling the Responsive/

Dynamic Version of Zomato using Reactjs

Interview Questions
(ReactJS)
 INTERNSHIP PROGRAM CURRICULUM | 23

ReactJS Mini Project

Build a Covid Tracker App

ReactJS Certificate
Upon completion of this project
 INTERNSHIP PROGRAM CURRICULUM | 24

Week 18 Payment Gateway

Payment Gateway
Material UI library

Week 18 Deployment

Deployment
Heroku

Domain

Hosting
 INTERNSHIP PROGRAM CURRICULUM | 25

Which versions of the technologies

we will be using?

Tech Version
HTML 5

CSS3
3

BOOTSTRAP5
5

JAVASCRIPT
ES5 and ES6

NODEJS
V16

EXPRESSJS
V5

MONGODB Atlas
Cloud

REACTJS V17
 INTERNSHIP PROGRAM CURRICULUM | 26

Evaluations:

After completion of course, final evaluations

are conducted:

1 Final project submission.

2 Second additional project submission (optional).

Mock interview round taken by Full Stack Web

3 Development Industry Expert
 INTERNSHIP PROGRAM CURRICULUM | 27

Certifications:

You will get one of the three certificates based

on your performance in evaluation:

Course Completion Certificate

1 (Attending evaluation is NOT mandatory)
 INTERNSHIP PROGRAM CURRICULUM | 28

Certifications:

Internship Certificate
2 (Attending evaluations is mandatory for this)
 INTERNSHIP PROGRAM CURRICULUM | 29

Certifications:

Super Intern Certificate

3 (Attending evaluation is mandatory)
 INTERNSHIP PROGRAM CURRICULUM | 30

Placement Assistance:

1 Online Portfolio building

2 Resume building

3 Personality Skill development session

Increasing online visibility on platforms like

4 linkedin, naukri, etc.

5 Additional Interview Preparation study Material

Placement assistance by referring to Edureka’s

6 Partner Hiring Companies
EDUREKA
FULL STACK WEB DEVELOPMENT
CURRICULUM