FSWD Curriculum

Download as pdf or txt
Download as pdf or txt
You are on page 1of 57

EDUREKA

FULL STACK WEB DEVELOPMENT


INTERNSHIP PROGRAM CURRICULUM

HTML

CSS
JS

</> { }
About Edureka
Edureka is one of the world’s largest and most effective online education
platforms for students. Our easy and affordable learning solution is accessible to
millions who aspire to be technology professionals.

11 176 100,000+
Years of Excellence Countries Reached Learner Community

Ever since our inception, we have dedicated ourselves towards helping students
and working professionals learn Programming, Data Science, Big Data, Cloud
Computing, DevOps, Business Analytics, Mobile Technologies, Software Testing,
Web Development, System Engineering, Project Management, Digital Marketing,
Business Intelligence, Cybersecurity, RPA and more.

About the Program


Edureka’s Full Stack Web Development Internship Program is carefully designed
by industry experts to help learners master foundational skills indispensable for
Full Stack web Development Professionals. Throughout the program, you will
learn Core Web Development concepts, JavaScript, HTML, CSS From Level 0,
MERN Stack Technologies and much more. All this will help you get acquainted
with the technical responsibilities that you will be handling at your future
company.

Highest Course Lifetime Course University & 24/7


Completion Rate Access Corporate Alliances Live Support

Our Learners Enjoy lifetime Courses curated Get real-time


course completion access to in partnership with doubt resolution
rate is above complete course IIT’s, NIT’s & for technical &
80% content Top MNC’s general queries
INTERNSHIP PROGRAM CURRICULUM I 01

CONTENT
MODULE 1
HTML
Introduction to Web Development
Overview to HTML
Exploring Fundamental HTML Tags - I
Exploring Fundamental HTML Tags - II
HTML Container Tags
Introduction to HTML5
Exploring HTML5
07

MODULE 2
CSS
Introduction to CSS
Properties in CSS
Layouts in CSS
Adding Styling and Responsiveness
10

MODULE 3
Bootstrap
Bootstrap
Working with Bootstrap Containers
Adding Responsiveness with Bootstrap
13
INTERNSHIP PROGRAM CURRICULUM I 02

MODULE 4
Add Interactions Using JavaScript
JavaScript Essentials - I
Datatypes in JavaScript
I/O in JavaScript
OOPs in JavaScript
Document Object Model
Event Handling
Modernize JavaScript with ES6 Features
Strict Mode in JavaScript
Callbacks in JavaScript
Promises in JavaScript
Async and await in JavaScript
Working of This
Browser Storage in JavaScript
Debugging in JavaScript
Advance JavaScript
18

MODULE 5
Data Structures and Algorithms
Data Structures and Algorithms Essentials
Sorting
Searching
Recursion
Arrays
Stacks, Queues, and Map Object
Hash Tables
Single Linked List and Double LL
Circular LL / DLL
Trees
Sets and Heap
Graphs 25
INTERNSHIP PROGRAM CURRICULUM I 03

MODULE 6
Node.js
Digital Backstage: Backend Basics
NPM : Streamlined Workflow
Using Node.JS Packages
Setting up Backend
Navigating Backend Infrastructure
Understanding MVC
32

MODULE 7
MongoDB
Databases: A Brief Introduction
Database Management with NOSQL
Operation on MongoDB
Backend-Database Connection
35

MODULE 8
Working with ReactJS
Overview of React
React Features Unveiled - I
React Features Unveiled - II
JSX and DOM
Virtual DOM
React Bundlers
React Essentials
Exploring React components
Variables in React
React Lifecycle
React Bootstrap
Event Handling
INTERNSHIP PROGRAM CURRICULUM I 04

Create Dynamic UI: React


Implementing Routing in React
Dynamic Routing Exploration
Styling in React
Connecting Frontend with Backend
Introduction with Hooks
Types of Hooks
Web Payment and Deployment
39

SELF PACED
VERSION CONTROL AND GIT
Introduction to Version Control
Fundamentals of Version Control
Introduction to GIT
Setup GIT
GIT Basics
Branching in GIT
Branching Strategies
47

TOOLS & TECHNOLOGIES 50

EVALUATIONS 51

CERTIFICATES 52

PLACEMENT ASSISTANCE 55
INTERNSHIP PROGRAM CURRICULUM I 05

MODULE 1

HTML
Introduction to Web Development
Overview of HTML
Exploring Fundamental HTML Tags - I
Exploring Fundamental HTML Tags - II
HTML Containers Tags
Introduction to HTML5
Exploring HTML5
INTERNSHIP PROGRAM CURRICULUM I 06

Day 0 - Full Stack Web Development


Internship Program Orientation

Introduction to Full Stack Web Development Internship


Program

What is Unique about this Internship?

Program Details and Features

Internship Class Schedule

Understanding Full Stack Web Development

Why Learn Full Stack Web Development

Market Demand for Full Stack Professionals

Job Roles and Responsibilities

Day 1 - Introduction to Web Development

Introduction to Web Development

Who is a full-stack developer?

Overview of the five stack technologies and their importance

Understanding the basics of web development

Introduction to the MERN Stack and its components


INTERNSHIP PROGRAM CURRICULUM I 07

Day 2 - Overview to HTML

Setting up development environments (Node.js, MongoDB,


code editors)

What is HTML

HTML Page Structure

Understanding HTML

Introduction to HTML

Purpose of Using HTML

Structure of an HTML Page

Day 3 - Exploring Fundamental HTML


Tags - l

<head>

<body>

<title>

<meta>

<img>

Div (<div></div>) Tag


INTERNSHIP PROGRAM CURRICULUM I 08

Day 4 - Exploring Fundamental HTML


Tags -ll

Span (span) Tag

Div Tag vs Span Tag

<select> Tag

<option> Tag

<input> Tag

<textarea> Tag

<button> Tag

Day 5 - HTML Containers Tags

<form> Tag

Table Tags

List Tags

Links and Container Tags


INTERNSHIP PROGRAM CURRICULUM I 09

Day 6 - Introduction to HTML5

Understanding HTML5

HTML4 VS HTML5

HTML5 Tags

HTML5 APIs

HTML5 DOM

HTML5 SVG
INTERNSHIP PROGRAM CURRICULUM I 10

MODULE 2

CSS
Day 7 - Introduction to HTML5

Introduction to CSS

Advantages of CSS

Adding CSS to an HTML page

Inline CSS

Internal CSS

External CSS

Selectors in CSS

Element Name Selector

Element ID Selector

Element Class Selector

Universal Selector

Grouping Selector
INTERNSHIP PROGRAM CURRICULUM I 11

Day 8 - Properties in CSS

CSS Background Property

CSS Dimensions

CSS Display Property

Understanding CSS Box Model

Border Property in CSS

Margin Property in CSS

Padding Property in CSS

Day 9 - Layouts in CSS

CSS Position Property

Z-Index

Grid system and Flexbox

Font Styles in CSS


INTERNSHIP PROGRAM CURRICULUM I 12

Day 10 - Adding Styling and


Responsiveness

Responsive Web Design Using CSS

Breakpoints in CSS

Media Queries in CSS

Debug CSS over Browser

Day 11 - SASS

Introduction to Sass

Working of Sass

Installing Sass

Variables in Sass

Operators in Sass

Nesting in Sass

Mixins in Sass

Parameters in Sass

Functions in Sass
INTERNSHIP PROGRAM CURRICULUM I 13

MODULE 3

Bootstrap
Day 12 - Bootstrap

Introduction to Bootstrap

Understanding Bootstrap

How to Use Bootstrap

Bootstrap vs. Media Query Bootstrap Breakpoints


INTERNSHIP PROGRAM CURRICULUM I 14

Day 13 - Working with Bootstrap


Containers

Bootstrap Containers

Bootstrap Grid System

Day 14 - Adding Responsiveness with


Bootstrap

Bootstrap Components (Buttons, Card, Carousel, Dropdowns,


Modal, Navbar, Toast)

Bootstrap Content (Typography, Images, Tables, and more.)

Bootstrap Layout (Containers, Grid, CSS Grid, Utilities, etc.)

Bootstrap Utilities ( Borders, Colors, Spacing, Position, etc.)


INTERNSHIP PROGRAM CURRICULUM I 15

Day 24 - Interview Preparation


HTML,CSS, and Bootstrap
INTERNSHIP PROGRAM CURRICULUM I 16

Day 25 - MINI PROJECT 1


Netflix Like Homepage

Certification
HTML, CSS, Bootstrap
INTERNSHIP PROGRAM CURRICULUM I 18

MODULE 4

Add Interactions Using JavaScript


Day 17 - JavaScript Essentials

Introduction to JavaScript

Adding JavaScript to HTML file

Adding <script> tag in <head> section

Adding <script> tag in <body> section

Adding JavaScript using an external JavaScript file

Benefits of JavaScript

Variables in JavaScript

Scope of variables in JavaScript

Data Types in JavaScript

var keyword in JavaScript


INTERNSHIP PROGRAM CURRICULUM I 19

Day 18 - Data Types & Operators in


JavaScript

Primitive Data Types

Reference Data Types - Objects and Functions (it's different


types)

JavaScript Operators

Conditional Statements

Looping Statements

Day 19 - I/O in JavaScript

Input / Output Stàtements

The String Object and its functions

Array and its Operations

Day 20 - OOPs in JavaScript

Classes and Objects

OOPS in JS

Date and Maths Objects


INTERNSHIP PROGRAM CURRICULUM I 20

Day 21 - Document Object Model

DOM Manipulation and BOM

Methods of DOM Manipulation

Day 22 - Event Handling

Browser Event and Types

Events Listeners

Event Object

Event Propagation

Event Browser Compatibility

Day 23 - Modernize JavaScript with ES6


Features

Form Validation

ES5 Vs ES6

JavaScript ES6

ES6 features

var vs let vs const

Arrow functions

Concise Arrow Functions


INTERNSHIP PROGRAM CURRICULUM I 21

Day 24 - Strict Mode in JavaScript

JavaScript use strict

Context of use strict keyword

Default param

Day 25 - Callbacks in JavaScript

Async Programming

Callbacks

Callback Hell

Pyramid of Doom

Day 26 - Promises in JavaScript

Introduction to Promise

Promise Chaining

Attaching Multiple Handlers

Day 27 - Promise APIs

Promise API
INTERNSHIP PROGRAM CURRICULUM I 22

Day 28 - Async and await in JavaScript

Async and Await

Day 29 - Working of This

Modules in JavaScript

this keyword

Context of this keyword

Day 30 - Browser Storage in JavaScript

Browser Storage

Scheduling Functions

Day 31 - Debugging in JavaScript

Introduction to Debugging

How to debug code in JavaScript?

Function Currying and Borrowing

Internal working on JavaScript


INTERNSHIP PROGRAM CURRICULUM I 23

Day 32 - Advance JavaScript

Debounce, Throttling, Async, and Defer

Additional Resources - JavaScript Frameworks

Day 33 - Interview Preparation


Javascript
INTERNSHIP PROGRAM CURRICULUM I 24

Day 34 - MINI PROJECT 2


Weather Forecasting Application

Certification
Javascript
INTERNSHIP PROGRAM CURRICULUM I 25

MODULE 5

Data Structure and Algorithms

Day 35 - Data Structures and Algorithms


Essentials

Introduction to Data Structures

Types of Data Structures

Arrays, Stack, Queue,

Linked Lists, Doubly Linked Lists, Circular Linked Lists

Trees, Graphs

Program Design

Different approaches

Complexity Involved
INTERNSHIP PROGRAM CURRICULUM I 26

Big O notation

Introduction to OOPS Principles (Self-paced)

Classes & Objects (Self-paced)

Encapsulation (Self-paced)

Abstraction (Self-paced)

Inheritance (Self-paced)

Polymorphism (Self-paced)

Encapsulation / Data Hiding (Self-paced)

Inheritance (Self-paced)

Method Overriding (Self-paced)

Method Overloading (Self-paced)

Operator Overloading (Self-paced)

Day 36 - Sorting

Working and Comparison

Bubble sort, Selection sort, Insertion sort

Working and Comparison

Merge sort, Quick sort

Use cases
INTERNSHIP PROGRAM CURRICULUM I 27

Day 37 - Searching

Working and Comparison

• Sequential Search

Finding max and min - example program

Working and Comparison

Binary Search

(1) Counting occurrences

(2) Textual data

Day 38 - Recursion

Recursion Basics,

Tower of Hanoi

Fibonacci series

String reversal

Palindrome

Anagram
INTERNSHIP PROGRAM CURRICULUM I 28

Day 39 - Arrays

Array Insertion (push,unshift)

Building push function from scratch

Array Deletion (Pop,shift)

Building pop function from scratch

Building for Each function from scratch

Taversing(map)/building map function from scratch

Merging(concat)/combining two arrays without using concat


function

Day 40 - Stacks, Queues, and Map Object

What is Stack[LIFO]

Peek, Insertion , Deletion, Access, Search

What is Queue[FIFO]

Peek, Insertion , Deletion, Access, Search

How to create Maps in JavaScript

Operations on Maps
INTERNSHIP PROGRAM CURRICULUM I 29

Day 41 - Hash Tables

What is Hash Table?

What is Hashing/Hash function

Implementing Hash function

get, set and search operations

What are collisions in Hash Table?

Collision example

Collision-handling Techniques

Day 42 - Single Linked List and Double LL

Traversing a Linked List

Search for a value in the LL

Insert a node in a LL.

Delete a node in the LL.

Traversing a DLL

Search for a value in the DLL

Insert a node in a DLL.

Delete a node in the DLL


INTERNSHIP PROGRAM CURRICULUM I 30

Day 43 - Circular LL / DLL

What is CLL, Create CLL, Inserting and Deleting a node in CLL

What is CDLL, Create CDLL, Inserting and Deleting a node in


CDLL

Day 44 - Trees

General tree structure

Binary Trees

Tree terminologies

Binary Search trees(Insertion, Deletion & Search)

Tree Traversal(pre order traversal, post order traversal, in order


traversal & lever order traversal)

Day 45 -Sets and Heap

Fundamental of Sets and Heap

Set Definitions

Set Operations

Inserting a node into the Binary Heap

Removing a node from the Binary Heap


INTERNSHIP PROGRAM CURRICULUM I 31

Binomial Heaps

Operations on Binomial Heaps

Comparison between Binary and Binomial Heaps

Day 46 - Graphs

Graphs Basics

Undirected Graphs (Adding & Removing of Edges and Vertices)

Directed Graphs

Graph Traversal (Breadth First Search & Depth First Search)

Greedy Algorithm (Self-paced)

Brute Force Algorithm (Self-paced)

Recursive Algorithm (Self-paced)

Dynamic Programming (Self-paced)

Randomized Algorithms (Self-paced)

Backtracking (Self-paced)
INTERNSHIP PROGRAM CURRICULUM I 32

MODULE 6

NodeJs

Day 47 - Digital Backstage: Backend


Basics

Introduction to Backend Development

Introduction to Node.js

Installation of Node.js

Working on Node.js

How different tech giants use Node.js


INTERNSHIP PROGRAM CURRICULUM I 33

Day 48 - NPM : Streamlined Workflow

Introduction to npm

Modules

Packages in Node.JS

Day 49 - Using Node.JS Packages

Packages (OS, HTTP, FTP)

Significance of using nodemon

Day 50 - Setting up Backend

Introduction to Postman

Express in Node.JS

Routing in Node.js

Day 51 - Navigating Backend Infrastructure

Node.js Express Rest API

Nginx Server

Introduction to CORS
INTERNSHIP PROGRAM CURRICULUM I 34

Day 52 - Understanding MVC

Introduction to MVC Architecture

Role of Backend in MVC


INTERNSHIP PROGRAM CURRICULUM I 35

MODULE 7

MongoDB

Day 53 - Databases: A Brief Introduction

Introduction to Database

Relational vs. non-relational database

Introduction to MongoDB

Data Modeling and its different approaches


INTERNSHIP PROGRAM CURRICULUM I 36

Day 54 - Database Management with


NOSQL

Types of Data Models

MongoDB Architecture

Day 55 - Operation on MongoDB

Instances in MongoDB

MongoDB Compass

CRUD operations

Day 56 -Backend-Database Connection

Introduction to Mongoose

Models

Introduction to MVC Architecture

Creating API’s
INTERNSHIP PROGRAM CURRICULUM I 37

Day 57 - Interview Preparation


Node.JS and MongoDB
INTERNSHIP PROGRAM CURRICULUM I 38

Day 34 - MINI PROJECT 3


Video Streaming Platform

Certification
NodeJs MongoDB
INTERNSHIP PROGRAM CURRICULUM I 39

MODULE 8

Working with ReactJS

Day 59 - Overview of React

Introduction to Web Applications

Frontend Technologies

Introduction to React

Frameworks of React and their comparison

Bundlers of React

Features of React
INTERNSHIP PROGRAM CURRICULUM I 40

Day 60 - React Features Unveiled - I

Transpiler in React - Babel, Webpack

Single Page Application vs. Multi Page Application

Role of React in MVC

Day 61 - React Features Unveiled - II

React Architecture

Client-side Architecture

Advantages and Disadvantages of React.js

React, and its competitors

Day 62 - JSX and DOM

Introduction to JSX

Document Object Model

Day 63 - Virtual DOM

VDOM

Working of VDOM
INTERNSHIP PROGRAM CURRICULUM I 41

Day 64 - React Bundlers

Role of npm in React

Introduction to Vite Bundlers

Day 65 - React Essentials

Installation of React

Introduction to React Element

Importance of Render Function

Day 66 - Exploring React components

Understanding React Components and constructor function

Exploring Multiple Components

Day 67 - Variables in React

States and Props

Day 68 - React Lifecycle

Lifecycle of React and its methods


INTERNSHIP PROGRAM CURRICULUM I 42

Day 69 - React Bootstrap

Introduction to React Bootstrap Typeahead

Implementation of Typeahead in React

Day 70 - Event Handling

Introduction to React Events

Conditional Handling

Passing values between components

Day 71 - Create Dynamic UI: React

Introduction to React Forms

Introduction to JSX and employ iteration in JSX

Day 72 - Implementing Routing in React

Implement API

Rest API

Routing

React Router
INTERNSHIP PROGRAM CURRICULUM I 43

Day 73 - Dynamic Routing Exploration

Navigation using links

URL parameters

Dynamic Routing

Query String

Day 74 - Styling in React

Applying style in React components

Working with POSTMAN

Callbacks

Day 75 - Connecting Frontend with


Backend

Promises

Mockable

CORS

React Modals
INTERNSHIP PROGRAM CURRICULUM I 44

Day 76 - Introduction with Hooks

Limitation of JavaScript Classes

Need of Hooks

Exploring Basic Hooks

Day 77 - Types of Hooks

Exploring different Hooks

Custom Hooks

Day 78 - Web Payment and Deployment

Payment Integration using Stripe or Paytm

Deployment of Backend and Frontend


INTERNSHIP PROGRAM CURRICULUM I 45

Day 79 - Interview Preparation


ReactJS
INTERNSHIP PROGRAM CURRICULUM I 46

Day 80 - MINI PROJECT 4


Covid Tracker App

Certification
ReactJs
INTERNSHIP PROGRAM CURRICULUM I 47

SELF PACED
VERSION CONTROL AND GIT

Introduction to Version Control


Introduction to Version Control

Understanding the need for version control in software


development

Fundamentals of Version Control


Key concepts: repository, commit, branch, merge, and more

Introduction to GIT
Different types of version control systems (e.g., Git, SVN)

Git Basics

Setup GIT
Setting up Git: Installation and Configuration

Creating a local repository

GIT Basics
Tracking changes and creating commits

Basic Git commands: add, commit, status, log, diff, etc.


INTERNSHIP PROGRAM CURRICULUM I 48

Branching in GIT
Branching and Merging

Creating and Managing branches

Merging branches: fast-forward, recursive, and conflict


resolution

Branching Strategies
Branching strategies: feature branching, release branching,
and Gitflow

Day 81 - Real-World Use Cases

Day 82-83 - Capstone Project


Zomato Clone Website

Day 84 - Mock Exam

Day 85 - FINAL ASSESSMENT


INTERNSHIP PROGRAM CURRICULUM I 49

Day 86-87 - Profile Building

Day 88-89 - Logical Reasoning

Day 90-91 - Aptitude

Day 92-93 - Communication Skills

Day 94-97 - Mock Interviews


INTERNSHIP PROGRAM CURRICULUM I 50

Tools and Technologies

HTML CSS Bootstrap JavaScript

React.JS MongoDB Express.JS Node.JS

Payment
API Gateway Deployment
INTERNSHIP PROGRAM CURRICULUM I 51

Evaluations:

After completion of the course, final evaluations


are conducted:

1 Final project submission (Industry-grade Project)

2 Final project evaluation

Mock Interview round conducted by a Software


3 Developers who are Subject Matter Experts
INTERNSHIP PROGRAM CURRICULUM I 52

Certifications:

You will get one of the three certificates based


on your performance in the evaluation:

Course Completion Certificate


1 (Final evaluation is NOT mandatory)
INTERNSHIP PROGRAM CURRICULUM I 53

Certifications:

Edureka Internship Certificate


2 (Final evaluation is mandatory)
INTERNSHIP PROGRAM CURRICULUM I 54

Certifications:

Edureka Super Intern Certificate


3 (Final evaluation is mandatory)
INTERNSHIP PROGRAM CURRICULUM I 55

Placement Assistance:

1 Resume Building

2 Professional skill development session

Increasing online visibility on platforms like


3 Linkedin, Naukri etc.

4 Additional Interview Preparation study material

5 Placement assistance with Elevayt


Thank you!

Full Stack Web Development


Internship Program
Curriculum

You might also like