The JavaScript Bootcamp: Build 20 Real World Projects

سرفصل های دوره

Use Modern HTML5, CSS3, VanillaJs, Boots, JavaScript To build Responsive And Mobile Friendly Web Development project

1. Course Introduction

1. Course Introduction

2. Course Outline

2. Project-1 Create a Simple To Do List Application With JavaScript

1. A Brief Introduction - To Do List App

2. HTML Structure And Elements

3. Inserting List Items Into DOM

4. Scrambling List Items

5. Styling The App Using CSS

6. Drag And Drop Functionality

7. Checking Order

8.1 Sortable List Web App Code.zip

8. Download The Project Files.html

3. Project-2 Build An Analog Clock With JavaScript

1. A Brief Introduction to Application

2. A Look At Basic Math Involved In Analog Clock

3. Creating HTML and CSS

4. Adding the Hour, Minute and Second Hand

5. Writing JavaScript to Make the Clock Tick

6. Summarizing the Application

7.1 Build Analog Clock Code Files.zip

7. Download The Project Files.html

4. Project-3 Build a JavaScript Booklist Application From Scratch

1. A Brief Introduction.

2. Folder Structure and Designing Heading of the Page

3. Adding Content to Page with HTML

4. Creating Book _ UI Class in JavaScript

5. Adding Event Listener to Display Books

6. Displaying User Input Values In Table

7. Adding Delete Function and Validation

8. Showing Failure Alerts

9. Showing Success Alerts

10. Dealing With Local Storage

11. Summarizing the Application

12.1 Booklist App- Project Code,Files.zip

12. Download The Project Files.html

5. Project-4 Build a JavaScript Booklist Application From Scratch

1. Introduction to Application

2. Folder Structure and Basic Layout

3. Adding Content to the Page with HTML Part 1

4. Building the HTML Part 2

5. Creating Object for Individual To-Dos

6. Creating function for storing and fetching data from Local Storage

7. Displaying List Items from Local Storag

8.1 Custom music player -Project Code Files.zip

8. Download The Project Files.html

6. Project-5 Create Custom Music Player In JavaScript

1. Introduction to Application

2. Folder Structure And Basic Layout

3. Creating Play, Pause, Next, Previous Icons with HTML

4. Designing the Applicatio using CSS

5. Fetching HTML Element using Query Selector

6. Adding Functions to Play, Pause, Next _ Previous Buttons

7. Adding Event Listeners to Buttons

8. Updating Music Current Time with Click On Progress Bar

9. Creating Playlist Section

10. Playing A Particular Music on Click

11. Summarizing the Application

12.1 Dictionary -Project Code,Files.zip

12. Download The Project Files.html

7. Project-6 Code a Dictionary App In JavaScript Using API

1. A Brief Introduction

2. Folder Structure _ Basic Layout

3. Designing the Application Part 1

4. Designing the Application Part 2

5. A look at the APIs

6. Generating Meaning of Word Using API

7. Displaying Word and Phonetics from API

8. Displaying Meanings and Synonyms

9. Handling Corner Cases in Application

10. Displaying Error Messages

11. Summarizing the Application

12.1 Simple To Do List Project Code Files.zip

12. Download The Project Files.html

8. Project-7 Code a Snake Game from Scratch in JavaScript

1. Introduction to Application

2. Folder Structure and HTML

3. Creating Board for the game using CSS

4. Displaying the Head and Food of Snake

5. Deriving Logic for Snake Food

6. Moving the Snake Around

7. Adding the Game Over Condition

8. Counting the Score

9. Storing High Score in Local Storage

10. Updating High Score

11. Summarizing the Application

12.1 Snake game -Project Code, Files.zip

12. Download The Project Files.html

9. Project-8 Building an Action Game in JavaScript

1. Introduction to Applcation

2. Folder Structure and HTML

3. Displaying the Dragon and Dino using CSS

4. Making Dinosaur Jump using JavaScript

5. Adding Animations to Obstacle

6. Determining Condition for Collision

7. Adding Right and Left Movement for Dino

8. Updating Score and Increasing Speed

9. Adding Game Over Sound and Message

10. Summarizing the Application

11.1 Action Game-Project Code,Files.zip

11. Download The Project Files.html

10. Project-9 Create a Quiz Web Application using JavaScript

1. Introduction to Application

2. Creating Home Page

3. Designing the Background

4. Designing the Buttons on Home Page

5. Creating the Quiz Page

6. Designing the Quiz Page

7. Creating Questions for Quiz in JavaScript

8. Getting New Questions

9. Checking Correct Answers

10. Creating End Page using HTML.

11. Designing the End Page

12. Adding JavaScript to End Page

13. Displaying Leaderboard

14.1 Quiz web app -Project Code, Files.zip

14. Download The Project Files.html

11. Project-10 Create a Food Recipe App using Vanilla JavaScript

1. Introduction to Application

2. Folder Structure and Basic HTML Layout

3. Designing with CSS Part 1

4. Designing with CSS Part 2

5. A Look at the APIs

6. Function to Search Meal By ID

7. Adding Random Meal to Page

8. Adding, Removing and Fetching Favorite Meals from Local Storage

9. Adding Search Button Function

10. Adding Search Button Function

11. Displaying Favorite Meals

12. Debugging and Summarizing

13.1 Food Recipe -Project Code,Files.zip

13. Download The Project Files.html

12. Project-11 Build a Notes Taking Website Using Pure JavaScript

1. Introcution to Application

2. Folder Structure and Basic Layout

3. Building the HTML

4. Designing the Application Part 2

5. Designing the Application Part 2

6. Creating the Main and App.js File

7. Working on Handler Functions

8. Getting Started with Notes API

9.1 Notes taking Website -Project Code,Files.zip

9. Download The Project Files.html

13. Project-12 Build Github Profile Search Web App using JavaScript

1. Introduction to Application

2. A Look at Git and Github

3. Folder Structure and Linking Bootsrap

4. Creating the Form to Search Use

5. Creating Profile and Repository Page

6. Adding Footer to the Page

7. A Look at the APIs

8. Getting User Profiles from Github API

9. Getting Repositories from API

10. Rendering User Profile on Page

11. Displaying User Profile Snippet

12. Displaying Repos List

13. Adding Event Listeners to Search Button

14. Designing the Page Part 1

15. Designing the Page Part 2

16.1 Github Profile Search -Project Code,Files.zip

16. Download The Project Files.html

14. Project-13 Build a Strong Random Password Generator Web App using Ja

1. Intrdocution to Application

2. Folder Structure and Linking CSS File

3. Creating The HTML Part 1

4. Creating The HTML Part 2

5. Desgning the Application Part 1

6. Desgining the Application Part 2

7. Using DOM to store HTML Elements

8. Function to Copy Content to Clipboard

9. Function for Generating Password Part 1

10. Function for Generating Password Part 2

11. Function to Randomly Generate Character

12. Running and Debugging the Application

13.1 Password generator Project Files,Code.zip

13. Download The Project Files.html

15. Project-14 Build a Calculator Web Application in JavaScript

1. Introduction to Application.

2. Folder Structure and Basic HTML Layout

3. Creating HTML Part 1

4. Designing the Application Part 1

5. Designing the Application Part 2

6. Adding Event Listener to All Numbers

7. Adding Event Listener to All Operations

8. Defining Math Operations

9. Listening to Key Down Events

10. Calling Click Events Using Key Down Events

11. Summarizing the Application

12.1 Calculator Web App Project Files,Code.zip

12. Download The Project Files.html

16. Project-15 Build Contacts App with HTML, CSS, JS and parcel

1. Project-Introduction

2. Prerequisites

3. Project-Setup

4. MVC-Architecture

5. Creating-First-ContactPerson

6. Saving-Contact-in-local-storage

7. Creating-Add-Contact-Form

8. Implementing-Add-Contact-View

9. Clearing-our-form

10. Creating-Modal

11. Working-more-on-modal

12. Creating-Contact-Lists-View

13. Fixing-Bugs

14. Deleting-Contacts

15. Applying-Delete-Events

16. Let-s-Design

17. More-Designing

18. Implementing-Search

19. Working-more-on-Search

20. Final-touch

21.1 ContactHub.zip

21. Download The Project Files.html

17. Project-16 Build Budget Manager App with HTML, CSS and JS

1. Project Introduction

2. Project Setup

3. let_s code

4. Making our first transaction

5. Saving Transactions in Local Storage

6. Creating Add transaction View

7. Creating Add Controller

8. Clearing Form

9. Designing Interface

10. Designing Form

11. Working on Total Balance

12. Rendering Income Expense

13. Updating Lists and Adding Timestamps

14. Styling and formatting time

15. Adding Colors in texts

16. Styling our BudgetBoss

17. Adding filter list box

18. Final Feature

19.1 Budget Manager.zip

19. Download The Project Files.html

18. Project-17 Build Weather Now app with HTML, CSS and JS

1. Project Introduction

2. Prerequisites

3. Openweathermap api setup

4. Project Setup with parceljs

5. Installing Bootstrap

6. Creating Weather Card

7. Project Architecture

8. Making mock state

9. Creating SearchView

10. Creating WeatherInfo View

11. Layouting Weather card

12. Fetching data from API

13. Showing Fetched data

14. Final Touch

15.1 Weather Now Project Code.zip

15. Download The Project Files.html

19. Project-18 Build Game with HTML, CSS and JS

1. Project Introduction

2. Setting up project

3. Creating Ball

4. Moving Our Ball

5. Bouncing ball

6. Drawing Paddle

7. Moving Our Paddle

8. Generating Bricks

9. Drawing All Bricks

10. Fixing Bugs

11. Collision Detection Explained

12. Breaking The Bricks

13. Bouncing The Paddle

14. Final Touch

15.1 Breakout Game Project code.zip

15. Download The Project Files.html

20. Project-19 Build Painting App with HTML Canvas and JavaScript

1. Project introduction

2. Setting up project

3. Creating Canvas

4. Basic Canvas Methods

5. Making drawing with mouse

6. Making drawing with mouse

7. Changing brush color

8. Clearing Canvas

9.1 Drawing App code.zip

9. Download The Project Files.html

21. Project-20 Build Number Facts App with HTML, CSS and JS

1. Project Introduction

2. project setup

3. Let's Code, Creating layout audio

4. Hitting API to get facts

5. Handling state Audio

6. Handling ok button and random button

7. Adding more CSS

8. Final touch of CSS

9.1 Number Facts Code .zip

9. Download The Project Files.html

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training