JavaScript

JavaScript is considered one of the world's most popular programming languages. It is the programming language of the Web and easy to learn. It is also one of the core technologies of the World Wide Web, alongside HTML and CSS. Over 97% of websites use JavaScript on the client side for web page behavior, often incorporating third-party libraries. Your journey to mastering this programming language begins here.

To make your journey easier, pick a path

Basics of HTML

Mark as done

Done

Basics of HTML

Get started on your JavaScript journey by learning the basics of HTML using the resources below.

Learn HTML Basics for beginners

Introduction to HTML

What is HTML? optional

HTML Documentation optional

Responsive Design

Mark as done

Done

Responsive Design

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. Learn more about this using the resources below

Introduction to Responsive Web Design

Learn Web Development - Responsive Web Design optional

Responsive Web Design Certification

CSS Responsive Web Design Tutorial

CSS PreProcessors

Mark as done

Done

CSS PreProcessors

A CSS preprocessor is a scripting language that extends CSS and is compiled into regular CSS syntax. Learn more about CSS PreProcessors using the resources below.

CSS PreProcessors Explained

What is a CSS PreProcessor?

CSS Preprocessing optional

Sass vs Less vs Stylus - CSS PreProcessors

Basics of CSS

Mark as done

Done

Basics of CSS

Learn some of the basics of CSS programming using the resources below.

Introduction to CSS

HTML and CSS Crash Course

CSS Basics

Free Basic CSS Tutorial

CSS Bootstrap Framework

Mark as done

Done

CSS Bootstrap Framework

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. Learn more about the Bootstrap framework for CSS using the resources below.

How to Set Up and Use Bootstrap - Tutorial

Learn Bootstrap in 30 Minutes by Building a Landing Page

Bootstrap CSS Framework Full Course

CSS Foundation Framework

Mark as done

Done

CSS Foundation Framework

Foundation framework is a front-end framework for designing beautiful responsive websites. It integrates classic Web design languages HTML and Cascading Style Sheets (CSS) with other tools to provide a responsive environment for design. Learn more about this framework using the resources below.

Foundation CSS Framework Tutorial Crash Course

Foundation Framework Course

JavaScript Syntax

Mark as done

Done

JavaScript Syntax

JavaScript syntax refers to the set of rules that define how a JavaScript program is correctly structured. Learn more about the various syntax for JavaScript using the resources below.

JavaScript Syntax

JavaScript Tutorial for Beginners

Understanding JavaScript Syntax optional

Data types

Mark as done

Done

Data types

In JavaScript there are various types of data that can be used within the program and you can learn more about these data types using the resources below.

Data Types

JavaScript Data Types and Data Structures

Core Data Types in JavaScript and their functions

Data Types in JavaScript Video Tutorial optional

Arrays

Mark as done

Done

Arrays

In JavaScript, an array is an ordered list of values. It is often used when you want to store list of elements and access them by a single variable. Learn more about Arrays using the resources below.

Array in JavaScript

The Beginner's Guide to JavaScript Arrays

The JavaScript Array Handbook

JavaScript Arrays and How They Work

Objects

Mark as done

Done

Objects

In JavaScript, an Object is a data type, which is an unordered collection of key-value pairs. Each key-value pair is called a property. Learn more about Objects in JavaScript using the resources below.

What are Objects?

JavaScript Objects with Examples

JavaScript Objects and their Properties

Modern JavaScript Tutorial - Objects

AJAX, DOM Manipulation

Mark as done

Done

AJAX, DOM Manipulation

AJAX stands for Asynchronous JavaScript and XML. It describes a set of development techniques used for building websites and web applications. The Document Object Model (DOM) is a tree-like structure showing a hierarchical relationship between different HTML elements. In JavaScript, DOM can be manipulated to bring web pages to life. Learn more about AJAX and DOM manipulation using the resources below.

JavaScript: Ajax and DOM Manipulation

JavaScript DOM Tutorial

JavaScript DOM Crash Course

The Document Object Model optional

Methods

Mark as done

Done

Methods

JavaScript Methods are actions that can be performed on objects. It is a property containing a function definition. Learn more about Methods using the resources below.

JavaScript Methods

What are Methods in JavaScript

JavaScript Object Methods

Fetch API

Mark as done

Done

Fetch API

The Fetch API is JavaScript API that allows you to make HTTP requests to servers from web browsers. Learn more about the Fetch API using the resources below.

JavaScript Fetch API Explained by Examples

Using Fetch API

Asynchronous JavaScript: Fetch API

Working with Data and API in JavaScript

How to Use The JavaScript Fetch API to Get Data

Design Psychology

Mark as done

Done

Design Psychology

Learn more about Designs and design psychology in JavaScript using the resources below.

The Psychology in UX Designs

Design Principles for Programmers optional

Design Patterns in JavaScript optional

How Psychology Affects Designs optional

The Laws of UX optional

Product Design

Mark as done

Done

Product Design

Learn more about Product design using the resources below.

What is UI/UX and Product Design optional

Product Design - How To Get Started optional

The Beginner's Guide to Product Design

UX Designer vs Product Designer optional

UI Theory

Mark as done

Done

UI Theory

Learn more about UI Theory using the resources below.

JavaScript for Designers

User Interface Theory and Web Design

Got feedback?