JavaScript
JavaScript is considered as one of the world's most popular programming language. 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
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
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.
Basics of CSS
CSS Bootstrap Framework
Mark as done
Done
CSS Bootstrap Framework
In this section, you will learn about the 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.
CSS Foundation Framework
Mark as done
Done
CSS Foundation Framework
In this section, you will learn more about the 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.
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.
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.
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.
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.
AJAX, DOM Manipulation
Mark as done
Done
AJAX, DOM Manipulation
In this section, you will learn about AJAX and 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.
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.
Design Psychology
Mark as done
Done
Design Psychology
In this section, you will learn more about Designs and design psychology in JavaScript using the resources below.
Product Design
Mark as done
Done
IIFEs (Immediately Invoked Function Expressions)
Mark as done
Done
IIFEs (Immediately Invoked Function Expressions)
An Immediately-invoked Function Expression (IIFE) is a way to execute functions immediately, as soon as they are created. In JavaScript, IIFEs are very useful since they do not pollute the global object. They offer a simple way to isolate variable declarations. Learn more about IIFEs using the resources below.
Arrow Functions
Mark as done
Done
Arrow Functions
Arrow functions are like Lambda functions in Python since they are basically a new way to write anonymous function expressions in JavaScript. Learn more about this using the resources below.
JavaScript Object-Oriented Programming
Mark as done
Done
JavaScript Object-Oriented Programming
Object-Oriented Programming allows you to create different objects from a common object. The common object is usually called a blueprint while the created objects are called instances. Learn more about this using the resources below.
JavaScript ES6
Mark as done
Done
JavaScript ES6
JavaScript ES6 also known as ECMAScript 6 was the second major revision to JavaScript. It brought in new syntax and new features to make your JavaScript code more modern and readable. You can learn more about ES6 using the resources below.
Closure
Mark as done
Done
Closure
In JavaScript, a closure can be defined as a feature in which the inner function has access to the outer function variable. Learn more about this using the resources below.
Promises
Mark as done
Done
Promises
A promise in JavaScript is an object that may produce a single value some time in the future and may be in one of 3 possible states: fulfilled, rejected, or pending. Learn more about this using the resources below.
Scope
Mark as done
Done
Scope
Scope in JavaScript refers to the availability of variables and functions in certain parts of the code. The two types of scope in JavaScript are local and global. Learn more about Scope using the resources below.
NPM
Lodash
Mark as done
Done
Lodash
Lodash is a JavaScript library that provides utility functions for common programming tasks. Instead of writing common functions repeatedly, the task can be accomplished with a single line of code. Learn more about this using the resources below.
Grunt
RxJS
Underscore.js
Mark as done
Done
Underscore.js
Underscore is a popular library in JavaScript that provides 100+ functions to facilitate web development. You can learn more about this from the resources below.
D3.js
Mark as done
Done
D3.js
D3.js is a library in JavaScript that is used for manipulating documents based on data. You can use D3 to bring data to life using HTML, SVG, and CSS. Learn more about this using the resources below.
Chart.js
Mark as done
Done
Chart.js
Chart.js is a free, open-source library in JavaScript for data visualization and allows designers and developers to draw different kinds of charts using the HTML5 canvas element. Learn more about this library using the resources below.
Moment.js
Mark as done
Done
Moment.js
Moment.js is a library in JavaScript that helps with parsing, validating, manipulating and displaying date and time in JavaScript in a very easy way. Learn more about this library using the resources below.
VueJS
Mark as done
Done
ReactJS
AngularJS
Material Design Components
Mark as done
Done
Material Design Components
Material Design Components for the web (MDC Web) offers designers and developers a way to implement Material Design in their websites. Learn more about this using the resources below.
Server-side JS
Mark as done
Done
Server-side JS
Server Side JavaScript is an extended version of JavaScript that enables back-end access to databases, file systems, and servers. Learn more about this with the resources below.
Derby.js
Meteor.js
Mark as done
Done
Meteor.js
Meteor.js is used for building modern web and mobile applications. One of its most important features is that it provides real-time updates. This way, all changes on the web will be updated on the template instantly. Learn more about this using the resources below.
Isomorphic applications in JavaScript
Mark as done
Done
Isomorphic applications in JavaScript
Isomorphic JavaScript applications can simply be defined as applications that share the same JavaScript code between the browser client and the web application server. In other words, the code of an isomorphic application in JavaScript can run both in the server and the client. Learn more about this using the resources below.
React Native, Ionic
Mark as done
Done
React Native, Ionic
React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. Ionic is a free, open-source, front-end Software Development Kit framework that enables you to create mobile-based applications for iOS, Windows, and Android phones using the same codebase. Learn more about these from the resources below.
System Design
Mark as done
Done
System Design
System design is the process of defining the elements of a system like its architecture, modules, components, interfaces and the data that goes through that system. As a concept, Systems design could be seen as the application of systems theory to product development. Learn more about this from the resources below.
Design Patterns in JavaScript
Mark as done
Done
Design Patterns in JavaScript
Design patterns are advanced object-oriented solutions to commonly occurring software problems. Patterns are about reusable designs and interactions of objects. Learn more about this using the resources below.
System Design Principles
Mark as done
Done
System Design Principles
In this section, you will learn more about some of the important system design patterns and principles for software development using the resources below.
System Development Practices
Mark as done
Done
System Development Practices
In this section, you will learn more about system development practices for software development using the resources below.
System Architecture in JavaScript
Architectural Patterns
Mark as done
Done
Architectural Patterns
An architectural pattern is a general, reusable solution to a commonly occurring problem in software architecture within a given context. Learn more with the resources below.