JavaScript Tutorial for Beginners – Full Course in 8 Hours [2020]

Learn Blackjack Video Source & Info:

Here is the best free javascript programming course on the planet. Made with lots of ❀️. Take your web development skills to the next level with this Clever Programmer Learn Javascript course for beginners.

⭐ Join the BEST Discord Community for Developers on the planet πŸ‘‰ https://www.cleverprogrammer.com/discord

πŸš€ Learn React JS for FREE: https://www.cleverprogrammer.com/free?utm_source=youtube&utm_medium=yt-description&utm_campaign=fem-all-day&utm_content=javascript-8-hour-crash-course-2020

This course will help you learn web development in 2020 and beyond. Mastering these technical skills is vital to your career as a software developer. Whether you want to get a full-time job or become a freelance developer. Or whether you want to become a full-stack or front-end developer… You HAVE to master Javascript.

πŸ”₯ TABLE OF CONTENTS… ENJOY πŸ‘‡

3:57 – How to run your first Program with Javascript
7:17 – Manipulate the DOM
15:49 – Numbers in Javascript
22:18 – Functions in Javascript
33:31 – While vs. For Loops in Javascript
39:10 – Data Types in Javascript
43:26 – Strings (Common Methods)
52:07 – Javascript in Arrays
1:11:07 – Objects in Javascript
1:18:18 – If else conditionals and switch statements
1:31:07 – Learn JSON in 5 minutes
1:36:41 – Challenge: Your age in days
2:10:07 – Challenge: Cat Generator
2:42:19 – Challenge: Rock Paper Scissors
2:58:28 – Challenge: Rock Paper Scissors PT. 2
3:57:46 – Challenge: Change Button Colors
4:39:48 – How Blackjack Works
4:45:23 – Blackjack HTML
5:05:14 – CSS Blackjack
5:28:47 – Challenge: Build a Blackjack Game with Javascript
6:06:58 – Blackjack PT. 2
6:35:42 – Blackjack PT. 3
7:03:29 – Blackjack PT. 4
7:22:08 – Blackjack PT. 5
7:39:19 – Blackjack PT. 6
7:47:56 – Blackjack PT 7

Blackjack Project Assets:
https://drive.google.com/drive/u/0/folders/1mwK4VXOG_KSgsbYHRb8SOoFCpVPGAnjv

Join the 3-part epic masterclass that shows you how to become a 6-figure developer… https://cleverprogrammer.com

Enroll for exercises, tutorials, courses, and projects…
https://cleverprogrammer.com?utm_source=youtube&utm_medium=yt-description

Enroll in Learn Pythonβ„’ course
https://cleverprogrammer.com?utm_source=youtube&utm_medium=yt-description

==================================================
Connect With Me!

Website β–Ί https://cleverprogrammer.com?utm_source=youtube&utm_medium=yt-description
Facebook β–Ί http://cleverprogrammer.io/facebook
Twitter β–Ί http://cleverprogrammer.io/twitter
Instagram β–Ί http://cleverprogrammer.io/instagram
Snapchat β–Ί Rafeh1
iTunes Podcast β–Ί http://cleverprogrammer.io/podcast
Google Podcast β–Ί http://cleverprogrammer.io/google-podcast
Support (Patreon) β–Ί http://cleverprogrammer.io/patreon
Youtube β–Ί https://www.youtube.com/c/CleverProgrammer
Github (Code) β–Ί http://cleverprogrammer.io/github web development

Source: YouTube

Share this video:
JavaScript Tutorial for Beginners – Full Course in 8 Hours [2020]

10 thoughts on “JavaScript Tutorial for Beginners – Full Course in 8 Hours [2020]

  1. getting error on 12.25. does not manipulate html code from some text to ( ' Hey there ' )
    "home.js:11 Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')" do you know why ?

  2. Actually qazi please provide the GitHub link man atleast we see code you written after watching tutorial

  3. My implementation of challenge 4:

    // Challenge 4

    var proj4ButtonsDiv = document.querySelector(".flex-box-pick-color");

    var divButtons = proj4ButtonsDiv.getElementsByTagName("button");

    // Make a coppy nly of the second class from class attribute

    var copyDivButtons = [];

    for (let i = 0; i < divButtons.length; i++) {

    copyDivButtons.push(divButtons[i].classList[1]);

    }

    function buttonColorChange(colorChangeSelect) {

    var buttonsOptions = {

    random: "random",

    light: "btn-light",

    dark: "btn-dark",

    yellow: "btn-warning",

    red: "btn-danger",

    grey: "btn-secondary",

    "dark-blue": "btn-primary",

    "light-blue": "btn-info",

    green: "btn-success",

    };

    if (colorChangeSelect.value == "random") {

    buttonColorRandom(buttonsOptions);

    } else if (colorChangeSelect.value == "reset") {

    buttonColorReset();

    } else {

    for (let i = 0; i < divButtons.length; i++) {

    divButtons[i].classList.remove(divButtons[i].classList[1]);

    divButtons[i].classList.add(buttonsOptions[colorChangeSelect.value]);

    }

    }

    }

    function buttonColorReset() {

    for (let i = 0; i < divButtons.length; i++) {

    divButtons[i].classList.remove(divButtons[i].classList[1]);

    divButtons[i].classList.add(copyDivButtons[i]);

    }

    }

    function buttonColorRandom(options) {

    for (let i = 0; i < divButtons.length; i++) {

    var randomNum = randNum(Object.keys(options).length);

    var optionsArr = Object.values(options);

    divButtons[i].classList.remove(divButtons[i].classList[1]);

    divButtons[i].classList.add(optionsArr[randomNum]);

    }

    }

  4. Am lost in the part where u connect it to Chrome

    Do I have to go to the website on chrome

  5. How do I get the HTML * you made mention of while explaining "Data Types" on this tutorial ( JavaScript Tutorial for Beginners – Full Course in 8 Hours [2020])?

  6. I'm back after 2 years, I saw this video when I knew nothing about programming, and this video was an introduction to web developing, and after 6 months, I got my first job without a degree and worked for 2 more foreign companies. If you guys have that fire and want to learn from nothing, this is a real kickstart

Comments are closed.