The technology industry is one of the trending industries for job opportunities. Due to the worldwide demand for tech solutions and the increase in the usage of its products, the tech field is what youngsters and professionals are choosing.
The coding for a specific software or web app or website or mobile app or utilities is all about programming languages. Programming languages are behind these tech products.
JavaScipt is a lightweight, integrated and object-oriented programming language designed for creating dynamic web pages. It works with a client-side script allowing users to interact with web pages.
Bookmark this page for future before you lost it
1. HTML and CSS
HTML: HTML (Hyper Text Markup Language) defines the structure of web pages.
CSS: CSS (Cascading Style Sheets) describes how web pages are presented.
There are plenty of free resources available to learn these languages. First, you need to learn HTML and then CSS. A few of them are:
1. w3schools.com : HTML and CSS
2. Youtube: Freecodecamp. Check it out here.
3. Udemy: Check out here.
What to learn and Resources:
i. ECMAScript or ES: Refer to the docs here.
ii. JS Application Architecture:
This specifies how JS works across the web. Check it out here.
The basis of any programming language is the elements that structure it. Don’t skip the basics before moving forward.
i. Syntax: Click here.
ii. Datatypes: This is imp, as JS has 8 datatypes including NULL and Undefined. Click here.
ii. Variables: Click here.
iv. Literals, Keywords, and Identifiers: Click here.
Like other programming languages, JS provides different operators to perform tasks, which include
v. Assignment, Unary and logical assignment
vi. Nullish coalescing
Learn about operators from here.
3. Conditional and Control Flow Statements
This includes if else, switch, and loops in JS.
i. if, if-else and if-else if
ii. Ternary operators
iii. switch statements
iv. for loop
v. while loop and do-while loop. Also, break and continue
Read about loops from here and about conditional statements from here.
An array is an object capable of storing multiple values. In JS, arrays are like objects. There are multiple functions available for the array and it is highly recommended to not skip this data structure.
You also need to keep your eye on some commonly used advanced functions like call(), apply(), bind(), callback functions, rest parameters, IIFE, and arrow functions. This will be useful in real-life projects.
6. Objects and Prototypes
Class is a template for creating an object. JS class is similar to the constructor function. ES6 introduces the classes. Here you can encounter getters and setters, inheritance, class expression, computed property, static methods, and static properties, etc.
8. Iterators and Generators
In JS, a generator is a function that produces a sequence of values and the iterator is the object that uses the next() method to get the next value of the sequence. This comes in handy when you have to stop a function and do something and resume it. You can learn iterators, generators, yield keyword, iterables.
9. Promises, Async, and Await
This is more of an advanced JS. Asynchronous programming is a technique that enables your program to start a potentially long-running task and still be able to be responsive to other events while that task runs, rather than having to wait until that task has finished. Promises are used to handle asynchronous operations in JS. The await operator is used to wait for a Promise and get its fulfillment value. These are the most important events used in JS and hence, it is crucial to learn about promises, promise chaining, async, await, and promise error handling.
Like other programming languages, JS also have collections which are specialized data structure designed for tasks. These include map and set.
Learn about collections from here.
11. Error Handling
13. Proxy and Reflection
Learn how to use a proxy object. The proxy object wraps the target object and intercepts the fundamental operations of the target object. Reflection defines the use of reflection API to manipulate variables, properties, and methods at runtime.
Bookmark this page for future before you lost it
Document Object Model or DOM is the owner of all other objects in a web page. An HTML DOM model is constructed as a tree of objects with nodes as tags of your HTML code. JS has the power to change and manipulate your HTML code, it can change all the HTML attributes or CSS style. It can react to all the existing HTML events and can change too.
There is a number of functions already available to do so.
This tutorial will help you to learn DOM.
Practice is the key! These concepts are nothing but a waste if you won’t try them!
1. Best course for JS and it is beginner friendly:
2. Also, on the same channel, there is one more course with some more concepts:
3. https://www.w3schools.com/js/ This is indeed the best tutorial with practice ide if you are a reader.
4. This developer documentation is also worth it to learn JS with reading. Check it out here.
5. Also, Udemy has plenty of such courses. Check out the bestseller course here.
The most important thing is to create projects. Check out this playlist.
- Chat App with Node.js and Socket.io
- Draw Doraemon using HTML and CSS
- Draw House using HTML and CSS
- Draw Dog using CSS
- Courier Tracking System in HTML CSS and JS