JavaScript Kickstart (Video Training)

Description

4+ Hours of Video Instruction

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).

Skill Level

• Beginner to Intermediate

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

Who Should Take This Course

• Aspiring Front-End engineers, Full-Stack engineers and Web Developers

          Prerequisites:

• Basic understanding of JavaScript + React and general web development concepts

Course Requirements

          Prerequisites:

• General understanding of Front-End Development

About Pearson Video Training

Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Sams, and Que. Topics include IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training athttp://www.informit.com/video.

Sample Content

Table of Contents

Introduction

Lesson 1: Introduction and Setup

1.1 Explore what will be covered in the videos

1.2 Understand the technical setup

1.3 Setup a Github repository

1.4 Learn Netlify fundamentals

1.5 Install Netlify CLI

Lesson 2: Project 1 - React Components Library

2.1 Create a new React project

2.2 Understand what React components are

2.3 Install Storybook to manage components

2.4 Integrate MaterialUI for styling components

2.5 Build TextInput component

2.6 Publish component library to npm

Lesson 3: Project 2 - To-Do List App

3.1 Design the To-Do List app

3.2 Build the Add To-Do components

3.3 Build the TodoListItem component

3.4 Add state to manage the To-Do list

3.5 Integrate localStorage to save the To-Do list

3.6 Add an option to delete tasks

3.7 Add an option to filter tasks

3.8 Publish app to Netlify

Lesson 4: Project 3 - Memory Card Game

4.1 Design the Memory Card game

4.2 Build the Card component

4.3 Implement that matching logic

4.4 Add a score tracker

4.5 Add sounds for match/no-match

4.6 Create a play/reset game button

4.7 Publish game to Netlify

Lesson 5: Project 4 - Chrome Extension

5.1 Understand the anatomy of a Chrome Extension

5.2 Convert To-Do list into a Chrome Extension

5.3 Test the To-Do list Chrome Extension

5.4 Publish the Chrome Extension

Summary

Updates

Submit Errata