JavaScript & front-end (not only) for back-end developers
3.7 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,212 students enrolled

JavaScript & front-end (not only) for back-end developers

JavaScript, TypeScript, React, backend, frontend, Node, npm, webpack, Mocha, CSS, ES6, modularity, tests, async
3.7 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,212 students enrolled
Last updated 10/2019
English
Current price: $17.99 Original price: $29.99 Discount: 40% off
3 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9 hours on-demand video
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • You'll get to know JS game changers: Node, ES6
  • You'll understand how classes and inheritance work in JS
  • You'll get to know modern JavaScript tools
  • You'll start using static typing in JS with TypeScript
  • You'll see tricks to make CSS easier
  • You'll start using the most popular JS library nowadays - React
Course content
Expand all 81 lectures 08:55:43
+ Tools
17 lectures 01:03:05
npm
06:30
npm problems
03:29
Node and npm in practice
Project start
1 question
ESLint
04:16
unpkg.com
02:31
Modules from Node.js
03:57
Checking the modularity in practice.
Modules from Node.js
1 question
Modules from ES6
03:44
Checking the modularity in practice.
Modules from ES6
1 question
webpack
04:05
Running webpack according to a "convention over configuration" paradigm.
webpack - start
1 question
webpack - plugins
03:04
webpack - configuration
09:10
Starting a web application, a real front-end.
HtmlWebpackPlugin
1 question
Verifying webpack-dev-server in action.
Local server
1 question
Tests - start
02:35
Mocha
01:11
Mocha - example
03:01
Test-Driven Development: first (failing) test, using Mocha.
First test
1 question
Running tests from IDE
03:15
Tools
7 questions
Outro
05:51
+ JavaScript
27 lectures 02:17:07
Intro
01:58
ES6
03:35
ES6+
08:42
Destructuring
03:22
Array destructuring
05:14
Before object destructuring
05:19
Object destructuring
07:30
Emoji spread
01:57
Converting from one object to another.
Objects mapping with the destructuring assignment
1 question
Declaring a variable
03:42
Event Loop
07:38
Variables - a rule of thumb
01:46
this
12:51
class
10:56
Moving from function to a class!
First class
1 question
Inheritance
05:55
Composition
04:12
A powerful technique, using inheritance.
Extending HTMLElement
1 question
DOM API
05:55
fetch
04:24
Promise
08:59
fetch & Promise
04:53
async, await
03:50
Connecting APIs with customElements.
Getting user data from GitHub API
1 question
Objects as maps
03:33
Map
02:43
Set
02:42
Equals?
03:02
Collections processing
04:42
JavaScript
7 questions
Outro
03:22
+ TypeScript
11 lectures 57:25
Intro
00:53
TS overview
04:20
How to start?
02:40
TypeScript - first steps.
So... let's start!
1 question
Configuring TypeScript Compiler.
tsconfig
1 question
Using a proper loader for handling TypeScript files.
TypeScript & webpack
1 question
Declaring variables
08:05
Interfaces overview
07:01
Interfaces - more options
06:39
Adding a new interface and changing tests to TypeScript.
Typings in tests
1 question
@types
04:33
Finishing the migration.
TS all the things!
1 question
(Hardcore) generic types
04:57
Generic types - examples
06:28
Union types
09:34
TypeScript
7 questions
Outro
02:15
+ CSS
8 lectures 30:14
Intro
00:46
Protips
03:53
Example exercise
01:10
Styles from the existing webpage
04:02
Flex
09:31
margin: 0 auto
05:48
CSS frameworks
04:16
Outro
00:48
+ JavaScript frameworks
5 lectures 20:32
Using our JavaScript knowledge.
Everything we know
1 question
JS chaos?
03:05
Angular vs. React vs. Vue
10:33
What NOT to use?
04:30
Outro
01:28
+ React
8 lectures 29:01
Intro
00:51
Deeper dive
03:26
Dependencies and the first "Hello".
Starting with React
1 question
Components
02:35
JSX
02:36
Various components
04:46
Creating a first *.tsx file.
First component
1 question
Configuring additional things for testing.
Testing components
1 question
Component State
04:36
Tips & tricks
06:38
Ending up with the React app.
React app
1 question
React, CSS
7 questions
Outro
03:33
+ Last words
2 lectures 03:21
Congratulations!
01:21
Bonus lecture: courses, materials
02:00
Requirements
  • Object-Oriented Programming
  • Practical knowledge about a modern IDE (e.g. IntelliJ)
  • Practical knowledge about at least one programming language (e.g. Java)
Description

Do you use JavaScript only when you have to? Is jQuery the last framework you remember? Maybe you don't know about the class keyword in JavaScript? Would be nice to have a static typing here, wouldn't it? How about a nice overview of the front-end technologies?

If you find any of the above questions interesting, this course is a great choice for you :) I show modern JavaScript techniques and libraries (especially React) here. This course will be surely a great start for you.

I'm here to help you with the dynamic JavaScript world, where "new day, new framework" stopped being a joke a long time ago (we have more than 500 daily publications to npm, according to modulecounts). Node, React, webpack - all the things are presented here in a nice form, compared with well-known Java tools. This course is about a current state of JavaScript, HTML and CSS, about modern tools and it gives a great overview of all of this. Front-end in a nutshell.

And, hey, TypeScript makes everything really readable :)

Classes created as functions. strange variables scoping, a problematic this, type coercion and some other odd things are popular JavaScript problems. I've seen a plenty of memes about them. On the other hand, I'm pretty sure, not every meme author took a look at the newest ECMAScript standards and mechanisms allowing many new possibilities when it comes to the front-end development. And, is this frameworks situation really as bad?

I'm sharing my knowledge and experience with you in order to prove, that it is not as bad after all!

Who this course is for:
  • Back-end developers who used to do something in front-end
  • Front-end developers who don't use TypeScript, React
  • Back-end developers who want to get an overview on front-end technologies