JavaScript Jumpstart (Video Collection)

Description

• Copyright 2024
• Edition: 1st

• Online Video
• ISBN-10: 0-13-535896-5
• ISBN-13: 978-0-13-535896-2

10+ Hours of Video Instruction

Overview:

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 the 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 master class includes the following courses:

• JavaScript Kickstart: Build Projects with JS + React
• Expert JavaScript

JavaScript Kickstart: Build Projects with JS + React 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).

Companion files to this course can be found at https://gist.github.com/sahilkhosla/d3136b5070465973b210e38d70046323

In Expert JavaScript, Sahil Khosla gives students the chance to go beyond the basics and learn about the concepts that are hard to find in an average JavaScript book or video but are essential to mastering the language. In this LiveLessons video, Sahil covers several approaches to writing asynchronous JavaScript that can be leveraged to call APIs or long-running functions without freezing the A61. Learn how to write elegant JS code with ES6 syntax for use in web apps, node backend, or lambdas.

Access the supplemental files for this LiveLesson at https://github.com/sahilkhosla/expert-js-snippets

Prerequisites:

• Basic understanding of JavaScript + React and general web development concepts
• 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 at http://www.informit.com/video.



Sample Content

Table of Contents

JavaScript Kickstart

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

 --

Expert JavaScript LiveLessons

Introduction

Lesson 1:  Understand Objects, Hoisting, and Execution

1.0  Learning objectives

1.1  Learn about objects

1.2  Explore out-of-the-box features

1.3  Understand Execution Context

1.4  Uncover two phases of running JS code

1.5  Learn about variable environments

1.6  Understand Scope Chain

Lesson 2:  Discover Functions and IIFEs

2.0  Learning objectives

2.1  Discover functions in JS

2.2  Understand the difference between objects and functions

2.3  Learn about IIFEs

2.4  Explore different ways to use IIFEs

Lesson 3:  Use Closures, Apply/Call/Bind

3.0  Learning objectives

3.1  Understand "this"

3.2  Understand closures

3.3  Learn how IIFEs come to the rescue

3.4  Use Apply/Call/Bind methods

Lesson 4:  Review ES6 Syntax

4.0  Learning objectives

4.1  Understand the difference between Var, Const, and Let

4.2  Use Template Strings

4.3  Use Object Literals

4.4  Understand Arrow Functions syntax

4.5  Accept default params

 4.6  Uncover the Spread operator

4.7  De-structure an array and object

Lesson 5:  Learn ES6 Array Methods

5.0  Learning objectives

5.1  Understand the anatomy of ES6 array methods

5.2  Explore several array methods in ES6

Lesson 6:  Work with Classes and Inheritance

6.0  Learning objectives

6.1  Learn about Prototypes and the Prototype Chain

6.2  Understand how Prototypical Inheritance works

6.3  Understand the old way of creating classes

6.4  Learn the new way to create classes

Lesson 7:  Learn Async Programming

7.0  Learning objectives

 7.1  Understand JavaScript Event Loop

7.2  Learn how callbacks work

7.3  Understand how Promises work

7.4  Explore several ways of using Promises

7.5  Learn Async/Await

7.6  Explore ways to use Async/Await

7.7  Decide between callbacks, Promises, and Async/Await

Lesson 8:  Publish a Library to NPM

8.0  Learning objectives

8.1  Set up a new library using base-npm-lib

8.2  Implement features in the new library

8.3  Build the library using Webpack and Babel

8.4  Publish the library to public NPM

8.5  Test the published library

Summary



Updates

Submit Errata

