30 Days Of JavaScript

🧡🧡🧡 HAPPY CODING 🧡🧡🧡

💖 Sponsors

Our amazing sponsors for supporting my open-source contribution and the 30 Days of Challenge series!

Current Sponsor

  <img src="https://raw.githubusercontent.com/Asabeneh/asabeneh/master/images/Wispr_Flow-logo.png"
       width="400px"
       alt="Wispr Flow Logo"
       title="Wispr Flow" />

Talk to code, stay in the Flow.

Flow is built for devs who live in their tools. Speak and give more context, get better results.

🙌 Become a Sponsor

You can support this project by becoming a sponsor on GitHub Sponsors or through PayPal.

Every contribution, big or small, makes a huge difference. Thank you for your support! 🌟

30 Days Of JavaScript: Introduction

_{Author: Asabeneh Yetayeh}

January, 2020

🇬🇧 English 🇪🇸 Spanish 🇮🇹 Italian 🇷🇺 Russian 🇹🇷 Turkish 🇦🇿 Azerbaijan 🇰🇷 Korean 🇻🇳 Vietnamese 🇵🇱 Polish 🇧🇷 Portuguese

Day 2 >>

• 30 Days Of JavaScript
  • 🙌 Become a Sponsor
• 📔 Day 1
• Introduction
• Requirements
• Setup
  • Install Node.js
  • Browser
  • Installing Google Chrome
  • Opening Google Chrome Console
  • Writing Code on Browser Console
    • Console.log
    • Console.log with Multiple Arguments
    • Comments
    • Syntax
  • Arithmetics
  • Code Editor
  • Installing Visual Studio Code
  • How to Use Visual Studio Code
• Adding JavaScript to a Web Page
  • Inline Script
  • Internal Script
  • External Script
  • Multiple External Scripts
• Introduction to Data types
  • Numbers
  • Strings
  • Booleans
  • Undefined
  • Null
• Checking Data Types
• Comments Again
• Variables
• 💻 Day 1: Exercises

📔 Day 1

Introduction

Congratulations on deciding to participate in 30 days of JavaScript programming challenge. In this challenge, you will learn everything you need to be a JavaScript programmer, and in general, the whole concept of programming. In the end of the challenge, you will get a 30DaysOfJavaScript programming challenge completion certificate. In order to get a certificate, you have to enroll to DevOsome which is an interactive and engaging online educational platform.

In case you need help or if you would like to help others you may join the dedicated telegram group.

A 30DaysOfJavaScript challenge is a guide for both beginners and advanced JavaScript developers. Welcome to JavaScript. JavaScript is the language of the web. I enjoy using and teaching JavaScript and I hope you will do so too.

In this step by step JavaScript challenge, you will learn JavaScript, the most popular programming language in the history of mankind. JavaScript is used to add interactivity to websites, to develop mobile apps, desktop applications, games and nowadays JavaScript can be used for server-side programming, machine learning and AI.

JavaScript (JS) has increased in popularity in recent years and has been the leading programming language for last ten years and is the most used programming language on GitHub.

This challenge is easy to read, written in conversational English, engaging, motivating and at the same time, it is very demanding. You need to allocate much time to finish this challenge. If you are a visual learner, you may get the video lesson on Washera YouTube channel. Subscribe the channel, comment and ask questions on YouTube vides and be proactive, the author will eventually notice you.

The author likes to hear your opinion about the challenge, share the author by expressing your thoughts about the 30DaysOfJavaScript challenge. You can leave your testimonial on this link

Requirements

No prior knowledge of programming is required to follow this challenge. You need only:

1. Motivation
2. A computer
3. Internet
4. A browser
5. A code editor

Setup

I believe you have the motivation and a strong desire to be a developer, a computer and Internet. If you have those, then you have everything to get started.

Install Node.js

You may not need Node.js right now but you may need it for later. Install node.js.

After downloading double click and install

We can check if node is installed on our local machine by opening our device terminal or command prompt.

asabeneh $ node -v
v12.14.0

When making this tutorial I was using Node version 12.14.0, but now the recommended version of Node.js for download is v14.17.6, by the time you use this material you may have a higher Node.js version.

Browser

There are many browsers out there. However, I strongly recommend Google Chrome.

Installing Google Chrome

Install Google Chrome if you do not have one yet. We can write small JavaScript code on the browser console, but we do not use the browser console to develop applications.

Opening Google Chrome Console

You can open Google Chrome console either by clicking three dots at the top right corner of the browser, selecting More tools -> Developer tools or using a keyboard shortcut. I prefer using shortcuts.

To open the Chrome console using a keyboard shortcut.

Mac
Command+Option+J

Windows/Linux:
Ctl+Shift+J

After you open the Google Chrome console, try to explore the marked buttons. We will spend most of the time on the Console. The Console is the place where your JavaScript code goes. The Google Console V8 engine changes your JavaScript code to machine code. Let us write a JavaScript code on the Google Chrome console:

Writing Code on Browser Console

We can write any JavaScript code on the Google console or any browser console. However, for t