Scribd
Upload
88 views

Frontend Development React Certification Program

The document outlines the schedule and syllabus for a React certification program. The program consists of 21 topics taught over recorded lectures and live discussions. Key topics include HTML, CSS, JavaScript, Bootstrap, and React fundamentals like components, props, state, and routing. Students will build multiple projects including a to-do app and blog to develop their skills. The final project is a major 2-week assignment to build an app from a product requirements document.

Uploaded by

vgu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
88 views

Frontend Development React Certification Program

The document outlines the schedule and syllabus for a React certification program. The program consists of 21 topics taught over recorded lectures and live discussions. Key topics include HTML, CSS, JavaScript, Bootstrap, and React fundamentals like components, props, state, and routing. Students will build multiple projects including a to-do app and blog to develop their skills. The final project is a major 2-week assignment to build an app from a product requirements document.

Uploaded by

vgu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Frontend

Development
React Certification
Program
CLASS SCHEDULE:
The will be recorded lectures for every topic and there will be live project discussions
with expert mentors.

DETAILED SYLLABUS

1. INTRO TO WEB DEVELOPMENT/ COURSE INTRO


i. What is web development?
ii. How websites work?
iii. Advantages of learning web development
iv. History of web development
v. Course and Projects Overview

2. HTML – PART 1
i. What is HTML?
ii. Structure of Webpage
iii. HTML Tags
iv. Adding and formatting texts, title, paragraph, body
v. Lists – Ordered/Unordered
vi. Images
vii. Forms

3. HTML – PART 2 | CSS – PART 1


i. Links
ii. Tables
iii. Iframes, Videos
iv. Anchor tags
v. HTML Divs
vi. CSS Introduction
vii. Inline vs Internal vs External styling
viii. CSS Display
ix. Project 1 - To-do App – Frontend using basic HTML/CSS

www.prepbytes.com 2
4. CSS– PART 2 | ADVANCED CSS – PART 1
i. CSS Backgrounds, Borders, Margins, Padding
ii. CSS Font Styling
iii. Stylings Lists
iv. Styling Tables, Forms
v. Gradients
vi. Font Awesome

5. ADVANCED CSS – PART 2


i. Tool tips
ii. Buttons
iii. Transitions, Transformation, Animations
iv. Box sizing
v. Flex
vi. Grid
vii. Project 1 - To-do App – Enhance Frontend using CSS

6. PROJECT BUILDING
i. Responsive Media Queries
ii. Discuss TO-DO App
iii. Project 2 - Blog – Add blog frontend using HTML/CSS

7. BOOTSTRAP – PART 1
i. Bootstrap containers
ii. Tables, Images, Colors
iii. Alerts, Buttons
iv. Spinners, Cards

8. BOOTSTRAP – PART 2
i. Pagination, Drop Down
ii. Carousel
iii. To-do App – Develop To-do App Frontend using Bootstrap
iv. GitHub Overview

www.prepbytes.com 3
9. JAVASCRIPT – PART 1
i. Introduction to JavaScript
ii. Variables, scoping, Data type
iii. Strings and Numbers
iv. Operators and loops
v. Functions
vi. Project 1 – Add Functionalities to To-do App

10. JAVASCRIPT – PART 2 (DATA STRUCTURES)


i. Arrays
ii. Linked List
iii. Stacks
iv. Queues
v. Maps
vi. Hashing

11. JAVASCRIPT – PART 3


i. Understanding and working with DOM
ii. Developer tools in Browsers
iii. Project 2 – Add Functionalities to Blog

12. JAVASCRIPT – PART 4


i. Prototypes
ii. Closures
iii. Local Storage
iv. jQuery
v. Promises

13. JAVASCRIPT – PART 5


i. ES5 vs Es6 vs Es7
ii. Event loop in JavaScript

14. REACT – PART 1


i. React Intro

www.prepbytes.com 4
ii. Install node
iii. Create an app using create-react-app
iv. Understanding basics of react app
v. Understanding JSX
vi. Understanding virtual DOMS, Single page apps

15. REACT – PART 2


i. React Lifecycle
ii. States
iii. Class components vs functions components
iv. Event handling
v. Props
vi. Building a basic Forms using React
vii. Project 4 – Build Blog using React

16. REACT – PART 3


i. Routes
ii. Conditional Rendering
iii. Pure Components
iv. High Order components
v. Controlled vs Uncontrolled components

17. REACT – PART 4


i. Redux
ii. Babel, webpack
iii. Add Redux in a Project and build using webpack

18. REACT – PART 5


i. Creating a Mock API Server
ii. Axios
iii. Server-Side Rendering
iv. Project 4 - Fetch Data in Blog from an API

www.prepbytes.com 5
19. REACT.JS – PART 6
i. SASS Overview

20. CODE REVIEW + DEPLOYMENT


i. Tools for code review
ii. Standard coding conventions
iii. Deploy using Netlify
iv. Get code reviewed by Software developers and deploy projects

21. MAJOR PROJECT ASSIGNMENT (2 WEEKS)


i. Shopping App PRD sharing
ii. Online Assessment App PRD sharing
iii. Timeline Discussion (Every project in tech companies have timelines)
iv. Weekly progress discussions

CONTACT DETAILS

Email: [email protected]
Phone: 8448446601
Website: www.prepbytes.com

www.prepbytes.com 6

You might also like