Front-end Master Class (Video Collection)

Front-end Master Class (Video Collection)

by Shaun Wassell
Released June 2021
Publisher(s): Pearson
ISBN: 0137610061

Watch it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

Overview

This course contains virtually all in-demand skills for a front-end development job with more than 18 hours of video learning.

Prerequisites

  • Basic knowledge of how programming works
  • Some experience with the command line (not required)
  • Basic knowledge of HTML, CSS, and JavaScript
  • Should have a strong grasp of basic programming concepts, such as variables, arrays, control flow, and so on
Description
18 Hours of Video Instruction

Front-end Master Class video training is based on four video courses that cover all you need for a front-end development job.

With more than 300,000 online learners, instructor Shaun Wassell offers a modern, full-fledged introduction to JavaScript, React, Angular, and jQuery.

This master class includes the following courses: Learn JavaScript LiveLessons gives first-time JavaScript users what they need to become successful developers. Instructor Shaun Wassell offers a modern, full-fledged introduction to JavaScript. In particular, the viewer learns the modern syntax of JavaScript: ES6. Shaun delivers step-by-step guidance that will take the learner from the basic syntax and concepts of JavaScript, all the way through the more advanced concepts that are covered in technical interviews. JavaScript has become the common tongue of the software development world, making it possible for a single developer with a single programming language to build programs that only a few years ago would have required an entire department.

React, Angular, and Vue are great if you have several months to learn and integrate them! But in many use cases, simplicity wins, and that's where jQuery comes in. jQuery is a time-tested tool for making web pages interactive by providing a straightforward way to build huge, intricate web applications with millions of users and learn an entire front-end framework. In Learn jQuery Essentials LiveLessons the viewer learns how to create interactive, performant websites without a framework, such as how to query and manipulate web page content. Shaun shows you how jQuery can help you handle web page events such as clicks, typing, and more in an easy, intuitive way.

React is an extremely popular tool for creating websites, and it is sort of a halfway point between creating a site using a drag-and-drop editor, such as WordPress and Squarespace, and coding a site line by line by line, literally from scratch. React enables developers to create beautiful, performant, easily maintainable websites quickly. React is currently the most popular JavaScript framework on the market and is used by most companies. In fact, React currently has one of the largest gaps between the number of employers who want it and the number of developers who know it. In short, 33% of employers need React skills, but only 19% of developers said they know React. Learn React for Modern Web Applications provides you with a solid foundation in creating modern web applications using the latest version of React.

Learn Angular for Modern Web Applications covers the topics needed to effectively create and manage front-end codebases using Angular, currently one of the most popular front-end JavaScript frameworks. The approach is hands-on. You start with a basic boilerplate application, and throughout the course, add new functionality to your skill set. Angular has undergone some substantial changes over the past few years, and this course presents the latest features and best practices.

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.

Table of contents

  1. Introduction
    1. Learn JavaScript: Introduction
  2. Lesson 1: What Is JavaScript?
    1. Learning objectives
    2. 1.1 Learn what you can do with JavaScript
    3. 1.2 Take a look at JavaScript's features
    4. 1.3 Learn the pros and cons of JavaScript
    5. 1.4 Learn the JavaScript dialects and browser compatibility
    6. 1.5 Running code using a REPL
    7. 1.6 Learn basic JavaScript syntax
  3. Lesson 2: Learn the 8 JavaScript Data Types
    1. Learning objectives
    2. 2.1 Learn the 8 data types
    3. 2.2 Learn about JavaScript's "Number" type
    4. 2.3 Learn about JavaScript's "String" type
    5. 2.4 Learn about JavaScript's "Boolean" type
    6. 2.5 Learn about JavaScript's "Object" type
    7. 2.6 Learn about arrays in JavaScript
    8. 2.7 Learn about JavaScript's "Function" type
    9. 2.8 Learn about JavaScript's "Undefined" type
    10. 2.9 Learn about JavaScript's "BigInt" type
    11. 2.10 Learn about JavaScript's "Symbol" type
  4. Lesson 3: Learn Basic JavaScript Control Flow
    1. Learning objectives
    2. 3.1 Learn about equality in JavaScript
    3. 3.2 Learn about If statements in JavaScript
    4. 3.3 Learn about For Loops in JavaScript (For-in and For-of)
    5. 3.4 Learn about While Loops in JavaScript (while and do-while)
    6. 3.5 Handling and throwing errors in JavaScript
    7. 3.6 Learn about Switch-Case Blocks in JavaScript
    8. 3.7 Learn about Ternary Operators in JavaScript
    9. 3.8 Learn the difference between block-scoped and function-scoped variables
  5. Lesson 4: Object-Oriented Programming in JavaScript
    1. Learning objectives
    2. 4.1 Learn about JavaScript classes
    3. 4.2 Learn about Prototype-Based Inheritance
    4. 4.3 Using the "This" keyword in JavaScript
  6. Lesson 5: Working with Objects, Arrays, and Functions in JavaScript
    1. Learning objectives
    2. 5.1 Use built-in Object Functions
    3. 5.2 Use built-in Array Functions
  7. Lesson 6: Learn JavaScript ES6+ Syntax
    1. Learning objectives
    2. 6.1 Write functions using Arrow syntax
    3. 6.2 Set default values for function arguments
    4. 6.3 Learn about the "spread operator"
    5. 6.4 Use object destructuring to get object properties
    6. 6.5 Use Interpolation to insert data into strings
    7. 6.6 Learn the Import and Export code in JavaScript
  8. Lesson 7: Write and Run a JavaScript Program
    1. Learning objectives
    2. 7.1 Learn about writing and running JavaScript programs
    3. 7.2 Write a JavaScript program for the browser
    4. 7.3 Move JavaScript to an external script
    5. 7.4 Install Node.js and NPM
    6. 7.5 Write a Node script
    7. 7.6 Use Babel to transpile code
  9. Lesson 8: Work with Asynchronous Code in JavaScript
    1. Learning objectives
    2. 8.1 Use callbacks to handle asynchronous operations
    3. 8.2 Learn about Promises
    4. 8.3 Use Async and Await to make asynchronous code readable
  10. Lesson 9: Create a Web Server with JavaScript
    1. Learning objectives
    2. 9.1 Learn the basics of writing a Node server
    3. 9.2 Create and set up a Node.js project
    4. 9.3 Create and run a basic Express server
    5. 9.4 Create and test a GET endpoint
    6. 9.5 Read a file with the 'fs' package
    7. 9.6 Create and test a POST endpoint
  11. Lesson 10: Learn JavaScript Best Practices
    1. Learning objectives
    2. 10.1 Use ESLint to ensure code style
    3. 10.2 Ensure Immutability in JavaScript programs
    4. 10.3 Avoid Loops when working with arrays
  12. Summary
    1. Learn JavaScript: Summary
  13. Introduction
    1. Learn jQuery Essentials: Introduction
  14. Lesson 1: Using jQuery Selectors
    1. Learning objectives
    2. 1.1 Learn jQuery basics and project setup
    3. 1.2 Select basic DOM elements
    4. 1.3 Use more complex selectors
    5. 1.4 Learn about element attributes
  15. Lesson 2: Learning Basic DOM Manipulation
    1. Learning objectives
    2. 2.1 Insert DOM elements into a page
    3. 2.2 Remove and replace DOM elements
    4. 2.3 Modify DOM elements
  16. Lesson 3: Using Event Handling
    1. Learning objectives
    2. 3.1 Learn basic event handler syntax
    3. 3.2 Learn the basic browser and document events
    4. 3.3 Use Mouse and Keyboard events
    5. 3.4 Learn about the Event object
    6. 3.5 Work with forms
  17. Lesson 4: Making Network Requests with AJAX
    1. Learning objectives
    2. 4.1 Learn basic AJAX syntax
    3. 4.2 Load data from an API
    4. 4.3 Update data on an API
    5. 4.4 Create a simple to-do list
  18. Lesson 5: Adding Animations and Effects
    1. Learning objectives
    2. 5.1 Hide and show elements
    3. 5.2 Animate CSS attributes
    4. 5.3 Learn shortcut animation methods
    5. 5.4 Get the dimensions of DOM elements
  19. Lesson 6: Using DOM Traversal
    1. Learning objectives
    2. 6.1 Learn the basic methods
    3. 6.2 Traverse a web page
  20. Summary
    1. Learn jQuery Essentials: Summary
  21. Introduction
    1. Learn React for Modern Web Applications: Introduction
  22. Lesson 1: Learn Basic React Syntax and Concepts
    1. Learning objectives
    2. 1.1 Understand the purpose and benefits of React
    3. 1.2 Create and run a React app
    4. 1.3 Write your first JSX
    5. 1.4 Create React components
    6. 1.5 Pass props to components
    7. 1.6 Render components conditionally
    8. 1.7 Display lists of components
    9. 1.8 Handle Clicks and other events
    10. 1.9 Style components in React
  23. Lesson 2: Learn About State and the Component Lifecycle
    1. Learning objectives
    2. 2.1 Use State in components
    3. 2.2 Decide where to put State
    4. 2.3 Use Lifecycle Events in components
  24. Lesson 3: Learn Routing in React
    1. Learning objectives
    2. 3.1 Install and set up React-Router
    3. 3.2 Use URL parameters and query parameters
    4. 3.3 Implement "not found" pages
    5. 3.4 Redirect with React-Router
    6. 3.5 Navigate programmatically
  25. Lesson 4: Learn Common React Patterns
    1. Learning objectives
    2. 4.1 Create and manage forms in React
    3. 4.2 Build a navigation sidebar
    4. 4.3 Load data and make network requests
    5. 4.4 Use the Children prop
  26. Lesson 5: Learn Class-Based Components
    1. Learning objectives
    2. 5.1 Differentiate between functional and class-based components
    3. 5.2 Use State in class-based components
    4. 5.3 Use Lifecycle Events in class-based components
  27. Lesson 6: Write Clean React Code
    1. Learning objectives
    2. 6.1 Understand the difference between Inheritance and Composition
    3. 6.2 Apply the Single-Responsibility Principle in React
    4. 6.3 Avoid common Anti-Patterns
  28. Lesson 7: Learn Advanced React Topics
    1. Learning objectives
    2. 7.1 Use Context in React
    3. 7.2 Persist Data in React
    4. 7.3 Create Custom React Hooks
    5. 7.4 Learn about other React Boilerplate Options
  29. Lesson 8: Host React Applications
    1. Learning objectives
    2. 8.1 Host a React app on Netlify
    3. 8.2 Host a React app on Amazon S3
    4. 8.3 Host a React app on Firebase Hosting
  30. Summary
    1. Learn React for Modern Web Applications: Summary
  31. Introduction
    1. Learn Angular for Modern Web Applications: Introduction
  32. Lesson 1: Learn Basic Angular Syntax and Concepts
    1. Learning objectives
    2. 1.1 Understand the purpose and benefits of Angular
    3. 1.2 Create and run an Angular app
    4. 1.3 Understand the different parts of an Angular component
    5. 1.4 Pass inputs to components
    6. 1.5 Render components conditionally
    7. 1.6 Display lists of components
    8. 1.7 Style components in Angular
    9. 1.8 Handle clicks and other events
    10. 1.9 Learn about outputs in Angular
  33. Lesson 2: Learn About State and the Component Lifecycle
    1. Learning objectives
    2. 2.1 Use State in components
    3. 2.2 Decide where to put State
    4. 2.3 Use lifecycle events in components
  34. Lesson 3: Learn Routing in Angular
    1. Learning objectives
    2. 3.1 Set up routing in Angular
    3. 3.2 Use URL parameters query parameters
    4. 3.3 Create a "Not Found" page
    5. 3.4 Navigate programmatically
  35. Lesson 4: Learn Common Angular Patterns
    1. Learning objectives
    2. 4.1 Create and manage forms in Angular
    3. 4.2 Build a navigation bar in Angular
    4. 4.3 Load data and make requests in Angular
  36. Lesson 5: Write Clean Angular Code
    1. Learning objectives
    2. 5.1 Learn the difference between Inheritance and Composition
    3. 5.2 Apply the Single-Responsibility Principle in Angular
    4. 5.3 Avoid common anti-patterns
  37. Lesson 6: Learn Advanced Topics
    1. Learning objectives
    2. 6.1 Learn about Angular view encapsulation
    3. 6.2 Add the Font-Awesome and Material Libraries to Angular
    4. 6.3 Use the ng-content directive
  38. Lesson 7: Host Angular Applications
    1. Learning objectives
    2. 7.1 Host an Angular app on Netlify
    3. 7.2 Host an Angular app on Firebase Hosting
  39. Summary
    1. Learn Angular for Modern Web Applications: Summary

Product information

  • Title: Front-end Master Class (Video Collection)
  • Author(s): Shaun Wassell
  • Release date: June 2021
  • Publisher(s): Pearson
  • ISBN: 0137610061