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
[Link]
WEB DEV Course Summary
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.
[Link]
WEB DEV Course Summary
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
[Link]
WEB DEV Course Summary
• 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.
[Link]
WEB DEV Course Summary
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)
PROJECT – 2 (Lecture 41 – 45)
PROJECT – 3 (Lecture 46 – 50)
“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.
[Link]
WEB DEV Course Summary
✓ 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 – [Link]/pepcoding
4. Visit [Link].
[Link]
