Home>Courses>JavaScript in Practice: Getting Started

JavaScript in Practice: Getting Started

Delve into practical JavaScript skills, from basic concepts to integration with HTML/CSS, and discover its history and evolution in software development through hands-on exercises.

Beginner

61 Lessons

Certificate of Completion

Delve into practical JavaScript skills, from basic concepts to integration with HTML/CSS, and discover its history and evolution in software development through hands-on exercises.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

119 Playgrounds

24 Quizzes

Course Overview

Course Content

Apply Your Skills

Course Overview

You can expect some beginner-friendly content in this course, along with some learning paths. I strongly believe in practical application. Therefore, I will not bore you with facts, long theories, or rants about which parts of JavaScript I consider good or bad. This course is all about getting our hands dirty and understanding how JavaScript works inside out. This highly practical course will start off from covering basic programming concepts in Javascript to introducing JavaScript with HTML and CSS. In ad...Show More

Course Content

Introduction to JavaScript

2 Lessons

Get familiar with JavaScript basics, including writing code, using comments, and initial syntax.

Getting Started with JavaScript

How to Write Comments in JavaScript?

DataTypes

7 Lessons

Look at JavaScript data types, operators, strings, booleans, null, let, and objects.

Data Types and Arithmetic Operators

Playing Around With Strings

Comparison and Ternary Operators

Null, Undefined and Symbol

The let keyword

The Object Type

Quiz: DataTypes

All about Arrays

3 Lessons

Work your way through array concepts, from basic structure to manipulation techniques.

Introduction to Arrays

Manipulating Arrays

Quiz

Functions and Operators

4 Lessons

Apply your skills to mastering JavaScript functions, type identification, and various operators.

Functions

The typeof Operator

Additional Operators

Quiz: Functions and Operators

Executing Selective Instructions

4 Lessons

Map out the steps for using if-else, switch statements, and ternary operators in JavaScript.

If, Else If and Else Statements

Switch statements

The ternary operator

Quiz: Executing Selective Instructions

Loops

6 Lessons

Follow the process of using various JavaScript loops for iteration and efficient coding.

Values and Reference Types

4 Lessons

Build on JavaScript's distinction between value and reference types to manage data effectively.

Value and Reference Types

Mistake: treating a value type as a reference type

Mistake: treating a reference type as a value type

Quiz: Values and Reference Types

Cloning Objects

6 Lessons

Step through cloning objects in JavaScript, covering shallow copies, prototypal inheritance, and deep copies.

Shallow Copy

Prototypal Inheritance

Are Shallow Copies Dangerous?

Deep Copy

Restricted Deep Copy Implementations

Quiz: Cloning Objects

Using Strings in Javascript

15 Lessons

Walk through essential string operations, including creation, manipulation, sorting, and parsing.

Javascript Strings

Sorting Strings

Length of a String And Inserting New Lines

Trimming Strings

Accessing Characters inside a String

Finding the Index of a Substring inside a String

Splitting a String into an Array of Substrings

Joining Strings

Slicing A String

Replacing Characters of a String

Upper and Lower Case Letters

Exercise: String Manipulation

Exercise: Join, Map and Split

Exercise: String Parsing

Exercise: String Slicing

10.

JavaScript with HTML and CSS

4 Lessons

Master the steps to integrate JavaScript with HTML and CSS for dynamic, maintainable web pages.

Creating the Markup

Adding JavaScript Code

Finishing up with Style

HTML Classes: Separation of Concerns

11.

The Modern Javascript

6 Lessons

Find out about modern advancements, ecosystems, and opportunities in JavaScript development.

JavaScript on the Client

JavaScript on the Server

Other Important JavaScript Use Cases

Ease of Becoming A JavaScript Developer

JavaScript Learning Experience According to Science

Summary

Course Author

Zsolt Nagy

Project

Headless Web Scraping Using Puppeteer

beginner

1 hour

Project

Headless Web Scraping Using Puppeteer

Learn to use Puppeteer for headless web scraping from an e-library using Node.js for automation.

beginner

1 hour

Project

Data Visualization Using Plotly.js

beginner

1 hour

Project

Data Visualization Using Plotly.js

Learn data visualization with Plotly.js, focusing on interactive statistical graphs like histograms, pie charts, and scatter plots.

beginner

1 hour

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath