JavaScript is a programming language. Before learning JavaScript, we advise you to learn the basics of HTML and CSS. Because, as you will see, HTML, CSS and JavaScript always work together at the same time. These three languages together are known as the frontend languages and each of them has a role in the creation of a web page.
What does JavaScript do?
JavaScript is responsible for the operation of your website. That means that JavaScript brings the different HTML elements and CSS styles on the web to life. Watch this video to see some examples of JavaScript:
If you're thinking about learning JavaScript, you'll quickly see that there are many popular JavaScript frameworks (i.e. public code that can help you succeed). Frameworks can be a very cool thing once you start learning! But at first, they can be overwhelming.
Let's take a look at some real JavaScript code. Next, we're going to talk about JavaScript frameworks, and finally, I'm going to share some tips on how to learn JavaScript.
Should you avoid JavaScript frameworks?
Frameworks are essentially free code that you can use to make your website work quickly. Some of the most popular JavaScript frameworks are jQuery, React and AngularJS. If you see "JS" in the name of a framework, it means that it is made with JavaScript.
When you start, you will ask yourself "should I start with JavaScript or a JavaScript framework? This is a never-ending debate.
At One Month, we like to think that we do a bit of both. Starting with a framework is going to be very nice, because it will give you a good overview and you will think "it's working". But working with JavaScript itself you'll feel like "okay, good. I'm learning the skeleton that holds it all together". It makes sense. There really isn't a right and wrong choice. For example, you can learn jQuery first, or start with JavaScript. After all, just get in there and start doing things.
Deepen your knowledge of JavaScript using these resources:
- JavaScript.info
- Tutorials Point
- HTML Dog
- Mozilla JavaScript Guide
- JavaScript for Cats
- JavaScript.com
- Guru99
- EchoEcho.com
- Douglas Crockford’s JavaScript
- JavaScript Garden
- Eloquent JavaScript by Marijn Haverbeke
- Wikibooks
- Web Teacher
- JavaTpoint
- Reference Designer
- JavaScript Kit
- DoFactory
- Tizag.com
- Tutorials Teacher
- JavaScript Fundamentals – Channel 9
- CodeAvengers
- Sololearn
- HowToCreate
- Xahlee
- Way2Tutorial
- Java2s
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.
Related Posts
How to make your own custom cursor for your website
When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors,…
Node.js and npm: introductory tutorial
In this tutorial we will see how to install and use both Node.js and the npm package manager. In addition, we will also create a small sample application. If you…
How to connect to MySQL with Node.js
Let's see how you can connect to a MySQL database using Node.js, the popular JavaScript runtime environment. Before we start, it is important to note that you must have Node.js installed…
JavaScript Programming Styles: Best Practices
When programming with JavaScript there are certain conventions that you should apply, especially when working in a team environment. In fact, it is common to have meetings to discuss standards…
Difference between arrow and normal functions in JavaScript
In this tutorial we are going to see how arrow functions differ from normal JavaScript functions. We will also see when you should use one and when you should use…
JavaScript Arrow functions: What they are and how to use them
In this article we are going to see what they are and how to use JavaScript Arrow Functions, a new feature introduced with the ES6 standard (ECMAScript 6). What are Arrow…
How to insert an element into an array with JavaScript
In this brief tutorial you will learn how to insert one or more elements into an array with JavaScript. For this we will use the splice function. The splice function will not…
What is the difference between primitives types and objects in JavaScript?
In this short tutorial we are going to look at the differences between primitive types and objects in JavaScript. To start with, we're going to look at what primitive types…
How to get DOM elements with JavaScript
When you access any element of the DOM, it is usual to save it in a variable. This is something that at first might seem very simple, but if you…
How to reverse an array in JavaScript
In this tutorial we are going to see how you can change the order of the elements of an array so that they are inverted. You could use a loop…
How synchronize the scroll of two divs with JavaScript
In case you have two divs of different sizes you may sometimes want to scroll both at the same time but at different speeds depending on their size. For example,…
How to use the codePointAt method in JavaScript
The JavaScript codePointAt method has more or less the same function as the charCodeAt method, used to get the 16-bit Unicode representation of the character at a certain position in…