Web - Dev Path

WEB DEV Course Summary
WEB DEV
BEFORE YOU START
You can join

✓ If you have done foundation course in any language.
✓ If you have more than 100 hours of programming experience.
✓ If you love to explore new technologies that are transforming
our lives.
✓ If you are appearing for internship/placement.
OVERVIEW
The only course you need to become complete Developer be it

making real world websites, Web Apps, Mobile Apps, deploying them
on cloud, automating your boring task or ranking it better on Google.
MODULES
JavaScript the language (Lecture 1- 7)
• Basic syntax and Memory Map

• Functional Programming in JavaScript
• Closure and Higher Order Functions.
• Call back and Call back Hell
• Serving and streaming files
• Object Oriented Programming in JavaScript.
• ECMAScript 6 Syntax
• Event loop, Message queue and Async Js
• Promises and Async Await
www.pepcoding.com
Projects: While learning core concepts of JS we have built

✓ Command Line Bash
✓ Command Line Chat App.
✓ Command Line To-do App.
✓ Command Line Weather App.
✓ Static file streaming server.
Outcome: You have a strong foundation in JavaScript and

know how it behaves in different situations
User Interface Design (Lecture 8 -14)
• Introduction to HTML5 and CSS3

• HTML elements and CSS selectors
• Responsive Design - Table, Flex, Grid
• Design and typography
• Version control and Git
• Static deployment on gh-pages.
• Bootstrap and It’s usage
Projects:
✓ Our First Webpage Using pure HTML and CSS.
✓ Frontend for our food Delivery WebApp.
✓ Holiday Webpage using bootstrap
Outcome: You are now able to make clean, beautiful and

responsive UI for your apps and deploy on web for world to
see.
www.pepcoding.com
JS for Browser (Lecture 15-21)
• Introduction to DOM manipulation.

• Introduction to Web Apis.
• Introduction to BOM API
• Web Apis: audio, video, Canvas
• Push Notification, Location Apis
• Service Worker and WebRTC
• WebSocket’s and Realtime WebApps
Projects: While discovering JS for browser we have built
✓ Budget Management Web app.
✓ Web audio chat app like skype
✓ Realtime White Board
✓ Dom Manipulation of our Food WebApp
Outcome: These modules unveil the real power of

asynchronous JS and Web Apis that are available inside
browser and how we could use them to make web 2.0 apps.
JS for Server (Lecture 22-28 )
• NodeJS Modules and npm

• Filesystem API, Buffers Events and Streams
• Dynamic Webpages and Templates
• Flat files on server
• Node JS App deployment on Heroku.
• ExpressJS Framework routing and middleware
• REST APIs and MVC architecture
• Pug for templating
• Implement RDBMs using MySQL
www.pepcoding.com
• Implement NoSQL Database using MongoDB

• Email verification and Acknowledgement
• File upload using multer
• Authentication using JWT and oauth
• Payment using Stripe
Projects:
✓ Node Store project using Server rendered Web pages
✓ Backend of our food Delivery WebApp with our own API,
email on purchase, payment and login capabilities
Outcome: We are now able to make our own node apps, real
time chat app and implement our own SQL as well as NoSQL
Databases
React (Lecture 29 - 35)
Lesson Title Topics

React JS ➔ Introduction to React JS
➔ Creating elements and components.
➔ States, props and Event Handling
➔ List/Tables, keys, Conditional Rendering
➔ Updating the state
➔ Navigation (Routing, Redirecting, Switch,
Link, NavLink)
➔ Forms and authentication.
➔ Calling backend services
➔ Stateless functional components (SFC)
and Class components.
➔ Programmatic navigation and Lifecycle
hooks.
www.pepcoding.com
Outcome: You will be able to build powerful, fast, user-friendly

and reactive web apps by learning React Hooks & Class-
based Components, State Management and props.
PROJECT – 1 (Lecture 36 – 40)

“Pep” Effect
1. Videos: Online videos for important topics to help revise and cover
missed classes.
2. Project: Real World project after every module gives student
hands-on experience on technologies taught in lecture.
3. Doubt Support: Online TAs help in prompt doubt support. 1-10 TA to
student ratio in classes.
4. Revision Option: We provide our students with unlimited revision
option so they can revise as many times they want that to free of
cost.
5. Back-up Class: We provide catch up classes via doubts teacher in
case you miss one.
PATH AHEAD
This course covers a lot of ground for a starter. Now you are ready
to explore more.
✓ Make apps that would solve real world problems.
www.pepcoding.com
✓ Start contributing to Open Source which will give you a fair

chance in GSoC.
✓ You can also participate in Hackathons and show your skills to
the world.
✓ You can even dig deep into the world of Data Structures and
Algorithms and pave your future as a Software Engineer with
our “Younified Levelup” course.
✓ You may like to compete online for bagging placements and
internships. We have a “Interview Preparation” course for that
purpose.
LET’S TALK
1. Call us on 011-4019-4461, or
2. Walk in our centre at Pepcoding, 3rd Floor, JD/15, Vaishali,
Pitampura above Karur Vysysa Bank. or
3. Our FB page – facebook.com/pepcoding
4. Visit www.pepcoding.com.
www.pepcoding.com

Web - Dev Path

Uploaded by

Copyright:

Available Formats

Web - Dev Path

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web - Dev Path

Uploaded by

Copyright:

Available Formats

WEB DEV Course Summary

You can join

The only course you need to become complete Developer be it

• Basic syntax and Memory Map

Projects: While learning core concepts of JS we have built

Outcome: You have a strong foundation in JavaScript and

User Interface Design (Lecture 8 -14)

• Introduction to HTML5 and CSS3

Outcome: You are now able to make clean, beautiful and

JS for Browser (Lecture 15-21)

• Introduction to DOM manipulation.

Outcome: These modules unveil the real power of

JS for Server (Lecture 22-28 )

• NodeJS Modules and npm

• Implement NoSQL Database using MongoDB

React (Lecture 29 - 35)

Lesson Title Topics

Outcome: You will be able to build powerful, fast, user-friendly

PROJECT – 1 (Lecture 36 – 40)

✓ Make apps that would solve real world problems.

✓ Start contributing to Open Source which will give you a fair

You might also like

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.