Hi Everyone, Welcome to JS bootcamp. This repository contains informations, Assignments, Projects and Materials specific to your course.
- Exit Ticket (Please complete it at the end of Thursday class each week)
- Introduction
| Days | Time | |
|---|---|---|
| Class | Sun - Thurs | 9am - 5pm |
| Career Coach | Thurs | 1pm-3pm |
| Breaks | |
|---|---|
| Lunch | 12:00pm - 1:00pm |
| Prayer | 3:00pm - 3:20pm |
-
Enrique Coscarelli (Lead Instructor)
- [email protected]
- Office hours are Sundays once we finish the day.
-
Maryam Balabeed (Instructor Associate)
- [email protected]
- Office hours are Sundays once we finish the day.
-
Hanin Nouh (Instructor Associate)
- [email protected]
- Office hours are Sundays once we finish the day.
The Curriculum schedule is subject to change at the instructor's discretion.
You can find specific syllabus here
| Week | Topics |
|---|---|
| 1 | Command-Line, Git, HTML, CSS |
| 2 | JavaScript, DOM, JSON |
| 3 | Project 1 |
| Week | Topics |
|---|---|
| 4 | Advanced JS, React,JSX, Redux |
| 5 | Axios, AJAX, Jest, Node |
| 6 | Express, Full-stack with react and express |
| 7 | Project 2 |
| Week | Topics |
|---|---|
| 8 | MongoDB, Authentication with JWT |
| 9 | SQL |
| 10 | Next JS |
| 11 | Final Project |
| 12 | Final Project |
- Complete and submit 85% of homework assignments.
- Maintain consistent attendance.
- Complete and submit the all projects.
- Be present.
- Contribute constructively.
- Work hard.
- Ask questions.
- Be supportive.
- Talk to us
| Week | Day | Warmup | Lesson | Lesson | Lesson | Lab | Homework |
|---|---|---|---|---|---|---|---|
| 1 | 1 | ------ | Installation Guides | Command line | Git and GitHub | Lab | HW |
| 1 | 2 | Git & Github warmup | HTML1 | HTML2 | Lab1 Lab2 Lab3 | HW | |
| 1 | 3 | HTML warmup | CSS1(Intro & Box modeling | CSS2(Flexbox) | ----------- | Lab1 Lab2 | HW |
| 1 | 4 | CSS warmup CSS2 warmup | CSS3(Grid) | CSS Responsive | --------- | Lab1 Lab2 Lab3 | HW |
| 1 | 5 | warmup | CSS bootstrap | JS1 (variables & operations) | ---------- | Lab1 | HW |
| 2 | 1 | warmup | JS2 (condtions & Lopps) | JS3 (Arrays) | ---------- | Lab1 Lab2 | HW |
| 2 | 2 | warmup | JS4 (Scripting and Event Hadiling) | ---------- | ---------- | Lab1 Lab2 | HW |
| 2 | 3 | warmup | JS5 (OOP) | ---------- | ---------- | Lab | HW |
| 2 | 4 | wamup | JS6 (JSON) | ---------- | ---------- | Lab | HW |
| 2 | 5 | work on the online store | work on the online store | work on the online store | work on the online store | work on the online store | work on the online store |
| 3 | 1-5 | Project1 | Project1 | Project1 | Project1 | Project1 | Project1 |
| 4 | 1 | ------- | Full stack development | Advanced JavaScript | ------- | Lab1 Lab2 | HW |
| 4 | 2 | ------- | React Intro | React Component | ------- | Lab1 Lab2 | HW |
| 4 | 3 | ------- | React class & functional | React State | ------- | Lab1 Lab2 | HW |
| 4 | 4 | ------- | useEffect Hook | Axios | ------- | Lab1 Lab2 | HW |
| 4 | 5 | ------- | React Router | --------- | ------- | Lab1 | HW |
| 5 | 1 | ------- | React Context | --------- | ------- | Lab | HW |
| 5 | 2 | ------- | Redux | --------- | ------- | Lab | HW |
| 5 | 3 | ------- | Mini Project | --------- | ------- | ------- | ------- |
| 5 | 4 | ------- | Mini Project | --------- | ------- | ------- | ------- |
| 5 | 5 | ------- | useParams & useHistory | --------- | ------- | Lab | ------- |
| 6 | 1 | ------- | Node | --------- | ------- | Lab | HW |
| 6 | 2 | ------- | Express1 | Express2 | ------- | Lab | HW |
| 6 | 3 | ------- | Full Stack with React and Express | ----- | ------- | Lab | HW |
| 6 | 4 | ------- | Backend example | Tailwind | ------- | ----- | ---- |
| 6 | 5 | Complete the previous app | Complete the previous app | Complete the previous app | Complete the previous app | Complete the previous app | Complete the previous app |
| 7 | 1-5 | Project2 | Project2 | Project2 | Project2 | Project2 | Project2 |
| 8 | 1 | ------ | Introduction to Agile Development Process | Jest | ------ | ------ | HW |
| 8 | 2 | ------ | Approaches to Web Development | Introduction to Databases | Getting Started with MongoDB | ------ | HW |
| 8 | 3 | ------ | Database Interaction II | -------- | ----- | ------ | HW |
| 8 | 4 | ------ | CRUD Express app with mongoose | ------ | ----- | ------ | ------- |
| 8 | 5 | Complete the previous app | Complete the previous app | Complete the previous app | Complete the previous app | Complete the previous app | Complete the previous app |
| 9 | 1 | Hack Event | Hack Event | Hack Event | Hack Event | Hack Event | Hack Event |
| 9 | 2-4 | ------ | JWT | ------ | ----- | ------ | HW |
| 10 | 1 | ------ | Next-Frontend | ------ | ----- | ------ | HW |
| 10 | 2 | ------ | Next-Backend(mongodb) | ------ | ----- | ------ | HW |
| 10 | 3 | ------ | Next-Backend(mongodb) | ------ | ----- | ------ | HW |
| 10 | 4-5 | Final Project | Final Project | Final Project | Final Project | Final Project | Final Project |
| 11 | 1-5 | Final Project | Final Project | Final Project | Final Project | Final Project | Final Project |
| 12 | 1-5 | Final Project | Final Project | Final Project | Final Project | Final Project | Final Project |
| - | - | ----- | Heroku_Deployment | ----- | ----- | ----- | ----- |
| No. | Student | First Project Repo | First Project link |
|---|---|---|---|
| 1 | Abdullah Alsabi | Weather Web App | Weather Web App |
| 2 | Abdulmajeed | Weather api | Weather api |
| 3 | Abdulsalam Aldawsari | Rick & Morty API | Rick & Morty API |
| 4 | Abrar Saeed | Disney | Disney |
| 5 | Alanoud Almakhalafi | Tasty | Tasty |
| 6 | Amirah Almani | Best Books | Best Books |
| 7 | Amjad | The Rick & Morty Wiki | The Rick & Morty Wiki |
| 8 | Ashraf Alghamdi | Places directory | Places directory |
| 9 | Basel | TuwaiqGram | TuwaiqGram |
| 10 | Emad | MySHOW | MySHOW |
| 11 | Ghadah | Cars Agency | ------ |
| 12 | Hend | Pokemon | Pokemon |
| 13 | Khaled Alhamad | Movie | Movie |
| 14 | Maha alharbi | Weather App | Weather App |
| 15 | Marah Almujahed | Pokemon | ------ |
| 16 | Masha | Weather API | Weather API |
| 17 | Mushira Almalki | Movies | Movies |
| 18 | Noura AlQarni | Movies API | Movies API |
| 19 | Shahad Bin-sweleh | Rick & Morty | Rick & Morty |
| 20 | Turki Haqawi | Hotel API | Hotel API |
| 21 | Yasser Altamimi | Movies | Movies |
| 22 | Yazeed Aleid | Books | Books |
| Project name | Students name | Second Project Repo | Second Project link |
|---|---|---|---|
| E-INVOICE | Abdulsalam & Yazeed | Project Repo | ----- |
| Anime List | Khaled & Yasser | Project Repo | ----- |
| Fitness tracker | Abdullah & Abdulmajeed | Project Repo | Project link |
| Flower shop | Marah & Amirah | Project Repo | ----- |
| Primary dental clinic appointments | Shahad & Alanoud | Project Repo | ---- |
| REALESTATE | Mushira & Hend | Project Repo | ----- |
| Riyadh Tickets | Maha & Emad | Project Repo | Project link |
| SocialV | Basel & Noura | Project Repo | Project link |
| Story Board | Ghadah & Masha | Project Repo | ----- |
| Video Sharing | Turki & Abrar | Project Repo | Project link |
| Wallet Manager | Ashraf & Amjad | Project Repo | ----- |
| No. | Student | Final Project Repo | Final Project link |
|---|---|---|---|
| 1 | Abdullah Alsabi | Coins-Tracker | Coins-Tracker |
| 2 | Abdulmajeed | PlaceX | PlaceX |
| 3 | Abdulsalam Aldawsari | TuwaiqAuth | TuwaiqAuth |
| 4 | Abrar Saeed | citytours | citytours |
| 5 | Alanoud Almakhalafi | ParkingYard | ParkingYard |
| 6 | Amirah Almani | Perfect-Perfumes | Perfect-Perfumes |
| 7 | Amjad | Payment System | Payment System |
| 8 | Ashraf Alghamdi | webStyler | webStyler |
| 9 | Basel | TuwaiqPay | TuwaiqPay |
| 10 | Emad | Hayyak | Hayyak |
| 11 | Ghadah | Quick Compo | Quick Compo |
| 12 | Hend | Personall Shoper | Personall Shoper |
| 13 | Khaled Alhamad | ShoeWear | ShoeWear |
| 14 | Maha alharbi | Blush Store | Blush Store |
| 15 | Marah Almujahed | Dior | Dior |
| 16 | Masha | welcome | welcome |
| 17 | Mushira Almalki | Hello | Hello |
| 18 | Noura AlQarni | Dream Tourism | Dream Tourism |
| 19 | Shahad Bin-sweleh | CALL me | CALL me |
| 20 | Turki Haqawi | hype E-Commerce | hype E-Commerce |
| 21 | Yasser Altamimi | ChatUp | ChatUp |
| 22 | Yazeed Aleid | Personal-Assistant-App | Personal-Assistant-App |