Start with Javascript (2021)

Basic JavaScript course for everyone in 2 hours
Rating: 4.5 out of 5 (76 ratings)
5,849 students
English
English [Auto]
Learn JavaScript fundamentals
Display elements in DOM with JS
Understand variables
Use conditions with if/else
Manipulate operators
Boolean logic
Declare functions & trigger them
Create, access & modify arrays & objects
Manipulation of arrays & objects
Use of loops
Use of native functions of JS: filter, map, foreach...
Promises, async & await
ES6/ES7 from the beginning: arrow functions, destructuring, spread operator (ES2020)...

Requirements

  • No coding experience necessary
  • Basic knowledge of HTML but not necessary
  • Browser & code editor installed but i'll show you the first lesson

Description

Do you want to learn JavaScript?
Are you a beginner in web development?
Do you want to have JS basics and then learn JavaScript framework (like React, Vue, Angular...)?
Or you would like to improve your minimum skills in less than two hours?

You are on the right course!

My name is Guillaume Duhan. As a Senior Front-End Developer and Tech teacher since 10 years now, I can assure you that JavaScript is the most popular language right now in web development.

This is why I propose you to spend this next 2 hours together to learn basics JavaScript. The main idea of this course is not to enter deep in JavaScript but just to learn the basics that JS Developers are using 85% of their time. So if you want to bootstrap your JavaScript level in 2 hours, this course is absolutely for you.

What is JavaScript?

A high-level definition

JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which (HTML and CSS) we have covered in much more detail in other parts of the Learning Area.

  • HTML is the markup language that we use to structure and give meaning to our web content, for example defining paragraphs, headings, and data tables, or embedding images and videos in the page.

  • JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else. (Okay, not everything, but it is amazing what you can achieve with a few lines of JavaScript code.)

What are we going to learn in this course?

In my opinion, JavaScript is a major programming language in tech ecosystem. If you want to code in JavaScript, you have to answer these questions:

  • What is JavaScript?

  • How does it interact with HTML?

  • What are variables?

  • What is assignment?

  • How to create my first operations?

  • What are Array & Objects?

  • What are Booleans?

  • How to create functions?

  • What is return and how to use it?

  • Explanation of scope, what are the most commons errors?

  • Use of JavaScript native features: loops, filter, map...

  • What are promises?

  • What ES6/ES7 provides as new features of JavaScript?

We will answer these question by practicing JavaScript in our code editor and browser. I decided to list the 20 most important points to know if you are/aim to develop in JavaScript. These points are my program.

  1. At the end, you'll have a strong understanding of basics. This will help you to go deeper into JavaScript by learning another framework (React, Vue, Angular...). So if you are ready, let's go !

Who this course is for:

  • beginner

Course content

1 section22 lectures1h 54m total length
  • Introduction
    04:20
  • HTML & JS
    05:33
  • What are variables?
    05:38
  • Assignment of variables
    04:51
  • Basic operations
    05:17
  • Array: create, access, modify & remove
    05:18
  • Object: create, access, modify & remove
    07:09
  • Functions
    05:30
  • Display HTML with JS
    06:00
  • What is return?
    04:11
  • What is scope?
    02:46
  • What are conditions?
    05:53
  • Create a button that display elements in DOM
    02:51
  • Use of hasOwnProperty & indexOf
    04:43
  • Loops
    03:15
  • ForEach, filter & map
    06:28
  • Basic usage of for loop in HTML
    02:41
  • Build a search filter
    07:54
  • What are factories functions?
    06:23
  • What are promises?
    08:23
  • ES6 & ES7: new JS features
    08:40
  • Thank you!
    00:32

Instructor

Senior Front-End Developer JavaScript (Vue, Node, Firebase)
Guillaume Duhan
  • 4.3 Instructor Rating
  • 586 Reviews
  • 24,596 Students
  • 17 Courses

Front-End Developer since 10 years now, I've spend 4 years abroad (London, Berlin, Paris) and I've worked in 30+ start-ups (up to 1,000 employees). Expert in Vue.js, I am also jury for French National developer's degree delivered by IFOCOP Paris 11, France. I also gives tech courses for companies on development, marketing & communication. Literature, languages and travel are my passions.

--

10 ans d'expérience en tant que développeur Front-end dont 4 années passées à l'étranger (Londres et Berlin) dans des start-up allant de 4 à 1000 employés. +100 applications et sites web créées.

Expert en Vue.js en freelance depuis 3 ans, je suis capable d'intervenir à toutes les étapes d'un projet numérique, de son élaboration, en passant par son architecture jusqu'à sa conception finale.

Formateur (JavaScript, Vue, Node), membre du jury pour le diplôme d'état "Développeur Intégrateur de niveau 6" de l'IFOCOP Paris 11, je suis également auteur de romans et de livres sur le sujet du numérique et de toutes les transformations digitales auxquelles la société devra se confronter dans les trente prochaines années.