Hi folks, Welcome to FrontEnd i.e. JavaScript/React JS part of the Python/React Bottcamp. This repository contains information, HW, Assignments, Project(s) and Materials specific to this part of the camp.
You are here because you want to learn the skills needed to become a world-class web developer. Or perhaps you're coding already, and want to take your career to the next level. This bootcamp equips you owith the skills needed to build dynamic data-driven and career-boosting web applications using most cutting edge and popular web development tools and technologies, including:
- HTML
- CSS
- JavaScript
- React
- Full Stack Development
- Integrate Back End (Python) with the web applications (JS/React)
- Assad Mehmood (Lead Instructor)
- Masha Aldosary (Junior Lead Instructor)
- Learn HTML, CSS, JavaScript, React JS, introduction to Node.js.
- Develop and design dynamic web applications using various technology stacks.
- Apply agile development and product design principles to web development projects.
- Create databases and data-driven web applications.
- Become job-ready with our career support team that guides and prepares you for the tech career you’re aiming for.
- Course duration: Sunday, June 19th, 2022 - Thursday, July 7th, 2022
- Class schedule: Sunday - Thursday : 9am - 5pm
| Lessons | ||
|---|---|---|
| First Lesson | 9:00am - 10:50am | 1 hour 50 minutes |
| First Lab | 11:00am - 12:00pm | 60 minutes |
| Second Lesson | 1:00pm - 3:00pm | 120 - minutes |
| Second Lab | 3:15pm - 4:00pm | 50 - minutes |
| Lesson Support / Homework | 4:00pm - 5:00pm | 60 minutes |
| Breaks | ||
|---|---|---|
| First break | 10:50am - 11:00am | 10 - Minutes |
| Lunch break | 12:00pm - 1:00pm | 60 - Minutes |
| Asr break | 3:15pm - 3:30pm | 15 - Minutes |
- Break time and duration may change
- Lunch break is fixed
- There may be small breaks in between
- Complete and submit 90% of homework assignments.
- Maintain consistent attendance.
- Complete and submit the projects after each unit and final project.
- Be present.
- Contribute constructively.
- Work hard.
- Ask questions.
- Be supportive.
- Talk to us!
Curriculum schedule is subject to change at instructor's discretion.
The bootcamp helps you progress from learning the basics of web development to becoming a full-stack web developer, with an exciting career. Advance from a beginner to an advanced level, and get started on the career path you want.
| Week | Topics |
|---|---|
| 1 | HTML, CSS, Responsive Design, Bootstrap, JavaScript, JSON, APIs, ES6, Async Await, Promises |
| 1 | Project 1 |
| Week | Topics |
|---|---|
| 2 | Web Development Approaches, Introduction to React, Components, Props, States, Events, Routing |
| 3 | Components Life Cycle methods, Hooks, Fetching data using APIs in React Apps, Managing states using Redux, application deployment Node.js |
| 3 | Project 2 |
| 4 | Final Project |
| Unit | Week | Topics | Project |
|---|---|---|---|
| Fundamentals of Front-end Development | 1 | HTML & CSS, Bootstrap Fundamentals of JavaScript DOM Manipulation & Events Callback functions, Classes, this Keyword, Array Iterator Methods, AJAX and REST API Fundamentals, JSON ES6, Promise, async/await |
Static Web Application |
| Web Development with React | 2 | Web Development Approaches Introduction to Full stack application development Node.js React fundamentals, components, State & Props, Event Handling, Client Side Routing (React Router) |
React Application |
| 3 | Life Cycle Methods, Hooks, API with React - Fetching Data, Managing States using Redux, Application Deployment |
||
| Final Project | 4 | Full Stack Web Application | Python/React Application |
- There will be initially 2 projects and a final capstone project
- The final project is done in the last week and is mandatory
- The other projects number, time and duration may change
| Week | Day | Lesson | Lab | Lesson | Lab | Homework |
|---|
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent