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