JavaScript Kickstart: Build Projects with JS and React

JavaScript Kickstart: Build Projects with JS and React

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 37 Lessons (4h 45m) | 982 MB

JavaScript Kickstart LiveLessons: Build Projects with JS and React

JavaScript is changing lives. Just by learning JavaScript alone, people are able to obtain jobs with salaries they never would have imagined. You need experience to get a job, and that’s exactly where this video comes in: Learn practical projects from a professional.

JavaScript has become one of the most popular programming languages ever. One survey after another shows that developers of all levels (from beginner to expert) are flocking toward JavaScript. And it’s no longer restricted to Web. NodeJS has allowed developers to use JavaScript on the server side as well. Given the high rate of adoption and a robust community behind it, JavaScript is here to stay.

This course focuses on one thing and one thing only–building a portfolio of projects using React + JavaScript. Once you are done, you will have a portfolio of several projects (apps, games, and utilities) published on the Web. Learners will follow a step-by-step guide to building several projects, all the way from design to publishing on the Web (with a link that you can share with your friends, family, and potential employers).

What You Will Learn

  • Learn how to design an app (what to do before writing a single line of code)
  • Learn how to break down the app development into smaller tasks
  • Understand how GitHub is used for maintaining complex apps
  • Gain an understanding of SDLC (software development lifecycle)
  • Understand how to use React to build real-world projects
  • Learn how to structure the codebase in React projects
  • Develop several projects with JS + React (apps, games and utilities)
  • Learn how to publish apps to the cloud within minutes
Table of Contents

Introduction
1 JavaScript Kickstart Introduction

Lesson 1 Introduction and Setup
2 Learning objectives
3 Explore what will be covered in the videos
4 Understand the technical setup
5 Setup a Github repository
6 Learn Netlify fundamentals
7 Install Netlify CLI

Lesson 2 Project 1 – React Components Library
8 Learning objectives
9 Create a new React project
10 Understand what React components are
11 Install Storybook to manage components
12 Integrate MaterialUI for styling components
13 Build TextInput component
14 Publish component library to npm

Lesson 3 Project 2 – To-Do List App
15 Learning objectives
16 Design the To-Do List app
17 Build the Add To-Do components
18 Build the TodoListItem component
19 Add state to manage the To-Do list
20 Integrate localStorage to save the To-Do list
21 Add an option to delete tasks
22 Add an option to filter tasks
23 Publish app to Netlify

Lesson 4 Project 3 – Memory Card Game
24 Learning objectives
25 Design the Memory Card game
26 Build the Card component
27 Implement that matching logic
28 Add a score tracker
29 Add sounds for matchno-match
30 Create a playreset game button
31 Publish game to Netlify

Lesson 5 Project 4 – Chrome Extension
32 Learning objectives
33 Understand the anatomy of a Chrome Extension
34 Convert To-Do list into a Chrome Extension
35 Test the To-Do list Chrome Extension
36 Publish the Chrome Extension

Summary
37 JavaScript Kickstart Summary

Homepage