Front-end Master Class LiveLessons (Video Collection)

Front-end Master Class LiveLessons (Video Collection)

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 15h 58m | 2.97 GB

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

Instructor Shaun Wassell offers a modern, full-fledged introduction to JavaScript, React, Angular, and jQuery.

This master class includes the following courses:

  • Learn JavaScript
  • Learn jQuery Essentials
  • Learn React for Modern Web Applications
  • Learn Angular for Modern Web Applications

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.

Table of Contents

1 Learn JavaScript – Introduction
2 Learning objectives
3 Learn what you can do with JavaScript
4 Take a look at JavaScript’s features
5 Learn the pros and cons of JavaScript
6 Learn the JavaScript dialects and browser compatibility
7 Running code using a REPL
8 Learn basic JavaScript syntax
9 Learning objectives
10 Learn the 8 data types
11 Learn about JavaScript’s ‘Number’ type
12 Learn about JavaScript’s ‘String’ type
13 Learn about JavaScript’s ‘Boolean’ type
14 Learn about JavaScript’s ‘Object’ type
15 Learn about arrays in JavaScript
16 Learn about JavaScript’s ‘Function’ type
17 Learn about JavaScript’s ‘Undefined’ type
18 Learn about JavaScript’s ‘BigInt’ type
19 Learn about JavaScript’s ‘Symbol’ type
20 Learning objectives
21 Learn about equality in JavaScript
22 Learn about If statements in JavaScript
23 Learn about For Loops in JavaScript (For-in and For-of)
24 Learn about While Loops in JavaScript (while and do-while)
25 Handling and throwing errors in JavaScript
26 Learn about Switch-Case Blocks in JavaScript
27 Learn about Ternary Operators in JavaScript
28 Learn the difference between block-scoped and function-scoped variables
29 Learning objectives
30 Learn about JavaScript classes
31 Learn about Prototype-Based Inheritance
32 Using the ‘This’ keyword in JavaScript
33 Learning objectives
34 Use built-in Object Functions
35 Use built-in Array Functions
36 Learning objectives
37 Write functions using Arrow syntax
38 Set default values for function arguments
39 Learn about the ‘spread operator’
40 Use object destructuring to get object properties
41 Use Interpolation to insert data into strings
42 Learn the Import and Export code in JavaScript
43 Learning objectives
44 Learn about writing and running JavaScript programs
45 Write a JavaScript program for the browser
46 Move JavaScript to an external script
47 Install Node.js and NPM
48 Write a Node script
49 Use Babel to transpile code
50 Learning objectives
51 Use callbacks to handle asynchronous operations
52 Learn about Promises
53 Use Async and Await to make asynchronous code readable
54 Learning objectives
55 Learn the basics of writing a Node server
56 Create and set up a Node.js project
57 Create and run a basic Express server
58 Create and test a GET endpoint
59 Read a file with the ‘fs’ package
60 Create and test a POST endpoint
61 Learning objectives
62 Use ESLint to ensure code style
63 Ensure Immutability in JavaScript programs
64 Avoid Loops when working with arrays
65 Learn JavaScript – Summary
66 Learn jQuery Essentials – Introduction
67 Learning objectives
68 Learn jQuery basics and project setup
69 Select basic DOM elements
70 Use more complex selectors
71 Learn about element attributes
72 Learning objectives
73 Insert DOM elements into a page
74 Remove and replace DOM elements
75 Modify DOM elements
76 Learning objectives
77 Learn basic event handler syntax
78 Learn the basic browser and document events
79 Use Mouse and Keyboard events
80 Learn about the Event object
81 Work with forms
82 Learning objectives
83 Learn basic AJAX syntax
84 Load data from an API
85 Update data on an API
86 Create a simple “to-do” list
87 Learning objectives
88 Hide and show elements
89 Animate CSS attributes
90 Learn shortcut animation methods
91 Get the dimensions of DOM elements
92 Learning objectives
93 Learn the basic methods
94 Traverse a web page
95 Learn jQuery Essentials – Summary
96 Learn React for Modern Web Applications – Introduction
97 Learning objectives
98 Understand the purpose and benefits of React
99 Create and run a React app
100 Write your first JSX
101 Create React components
102 Pass props to components
103 Render components conditionally
104 Display lists of components
105 Handle Clicks and other events
106 Style components in React
107 Learning objectives
108 Use State in components
109 Decide where to put State
110 Use Lifecycle Events in components
111 Learning objectives
112 Install and set up React-Router
113 Use URL parameters and query parameters
114 Implement ‘not found’ pages
115 Redirect with React-Router
116 Navigate programmatically
117 Learning objectives
118 Create and manage forms in React
119 Build a navigation sidebar
120 Load data and make network requests
121 Use the Children prop
122 Learning objectives
123 Differentiate between functional and class-based components
124 Use State in class-based components
125 Use Lifecycle Events in class-based components
126 Learning objectives
127 Understand the difference between Inheritance and Composition
128 Apply the Single-Responsibility Principle in React
129 Avoid common Anti-Patterns
130 Learning objectives
131 Use Context in React
132 Persist Data in React
133 Create Custom React Hooks
134 Learn about other React Boilerplate Options
135 Learning objectives
136 Host a React app on Netlify
137 Host a React app on Amazon S3
138 Host a React app on Firebase Hosting
139 Learn React for Modern Web Applications – Summary
140 Learn Angular for Modern Web Applications – Introduction
141 Learning objectives
142 Understand the purpose and benefits of Angular
143 Create and run an Angular app
144 Understand the different parts of an Angular component
145 Pass inputs to components
146 Render components conditionally
147 Display lists of components
148 Style components in Angular
149 Handle clicks and other events
150 Learn about outputs in Angular
151 Learning objectives
152 Use State in components
153 Decide where to put State
154 Use lifecycle events in components
155 Learning objectives
156 Set up routing in Angular
157 Use URL parameters & query parameters
158 Create a ‘Not Found’ page
159 Navigate programmatically
160 Learning objectives
161 Create and manage forms in Angular
162 Build a navigation bar in Angular
163 Load data and make requests in Angular
164 Learning objectives
165 Learn the difference between Inheritance and Composition
166 Apply the Single-Responsibility Principle in Angular
167 Avoid common anti-patterns
168 Learning objectives
169 Learn about Angular view encapsulation
170 Add the Font-Awesome and Material Libraries to Angular
171 Use the ng-content directive
172 Learning objectives
173 Host an Angular app on Netlify
174 Host an Angular app on Firebase Hosting
175 Learn Angular for Modern Web Applications – Summary