JavaScript Lessons and Examples. Javascript: where to start learning and how to continue How to learn the javascript programming language on your own

Hi all! In this article, we'll look at 6 JavaScript learning tips that will help you master it faster.

When people try to learn JavaScript or any other skill, they often run into the same problems.

Some points may be confusing, especially if you are coming from a different programming language
It's hard to find the time (and sometimes the motivation) to study
Once you understand something, it's easy to forget it
Tools are changing so quickly that it's hard to know where to start.

Fortunately, these problems can be solved. In this article, I'm going to present you with 6 tips that will help you learn JavaScript faster and become a happier, more productive programmer.

1. Don't let future decisions stop you from growing now.

Many people who are new to learning JavaScript are wondering which framework to start using. But, if you still don’t know pure JavaScript well, then it’s wrong to ask such a question. You will spend all your time searching for different frameworks rather than moving forward in your development.

One way to solve this problem is to have a list of what you need to learn. For example, to become a front-end developer, your list should look like this:

HTML
JavaScript
a little JQuery
Perhaps some kind of framework
GitHub Basics
A little bit of WordPress
Hosting

Having studied all this, you will be able to create a functional page only with using html and css. Having such a list will make it easier for you to understand what you need to study now and not waste time on what you should study later.

2. Don't let yourself forget what you've already learned.

Learning something too quickly can be one of the most destructive things in your JavaScript learning journey. Let me explain.

When you read something and immediately understand it, you may be tempted to start studying something further immediately. Perhaps you will understand the next topic and start studying the next one. But soon you will reach a point where you realize that you have forgotten some of the previous topics and you need to go back and remember it. You quickly skim the previous topic to refresh your memory and move on. But now you realize again that you forgot something. You continue this back and forth dance until you realize that you are completely lost. You get discouraged, take a break, and then, when you decide to continue studying, you realize that you have completely forgotten everything.

Luckily there are several simple steps to solve this problem:

Limit the amount of material you study at one time
Practice - Write Code

Once you have learned a topic, immediately practice it, feel comfortable writing code, and even try to combine this topic with previous ones you have already studied.

3. Approach your practice the right way

Many people find practice boring, so they try to skip it or cut it short. If you do this, you will have to learn JavaScript for much longer. But how can you make the practice fun so you'll want to do it?

Try this:

What if you learned a new JavaScript topic but didn't practice it? How will you feel? Personally, I would be upset. It's the same as if a child were bought a new toy but not allowed to play with it.

When you're learning something in JavaScript, imagine that you're playing with a new toy, car, pair of shoes, or anything else you like.

By taking learning something in a playful way, you will gain knowledge faster, you will remember it longer, and you will be happy about it.

4. Find time to code using the Facebook trick

One of the most common problems that people have is that they cannot find time to code, but the same people very often spend time on sites like Facebook, YouTube, Wikipedia or Reddit. Whether this applies to you or not, you will still find something to learn here.

I did have times when all I wanted to do was be on Facebook, but I didn't spend hours there. How did this happen? And this happened because I did not intend to stay there for long. Starting to work on something is the hardest part, so keeping the initial commitment makes it easier for me. If someone asked me if I was willing to spend hours on Facebook, I would say no, because I don't have time for it. I prefer to go there to check something quickly, that's all.

The good news is that you can use this method when learning programming. Don't commit to spending hours writing code because then you'll never have time for it. Just tell yourself that you are going to try some code for three minutes and you will never look for time to practice again.

5. Think slower and you'll learn faster

This is counterintuitive, so I'll explain it with a story.

A friend of mine was once confused about a feature of JavaScript. I asked him to tell me what he knew and then explain what part of it he didn't understand. As soon as he went through the code, I realized he was in a hurry.

"Wait!" – I told him. "Take your time and tell me every step of this code."

My friend proceeded to talk to me about code in general.

I stopped him again. "You're still in a hurry. Try again, but this time go through each line of code and tell me what's going on here."

This time my friend explained the code much better. The point is that he took the time to look at and understand every line of code, rather than trying to figure out what's going on right away.

In cases like these, it's actually better to think slower and you'll learn faster.

6. Write complex code in simple language

If a piece of code seems complicated or unfamiliar, write it in simple language first. This way you can figure out what you want the code to do before you write it. Here are two advantages of this approach:

Your code will be easier and faster to write because you won't have to stop periodically to think about how you want it to behave
You'll find errors before they happen because you'll have a clear idea of what the code should do

Conclusion

We've covered a bunch of ways to help you learn JavaScript faster, but you can apply them to other skills as well. Here's a summary of what we covered:

Stop worrying about future decisions and dive in now
Make practice fun by introducing new skills like new toys.
Find time for programming the same way you find time for social media. networks
Take your time, take things gradually and you will learn faster

How do you feel about studying? Do you have any tips and tricks that weren't covered in this article? Or maybe you think that this is all nonsense and the only correct way is to sit and study 12 hours a day. Either way, I'd love to hear your thoughts in the comments.

Hello! Have you ever thought about starting to program? Personally, since childhood, I dreamed of learning how to write my own programs and games. Recently, I have developed a strong interest in this activity and I set myself a goal - to understand and learn to work, for starters, with a programming language like JavaScript. Why JavaScript?

Since I have no experience working with any languages other than the basic course of HTML and CSS, JavaScript attracted me with its versatility, rapid growth and unusual development history, which I will definitely tell in one of the following articles. Speaking of versatility, at the moment the use of JavaScript code is not limited to just servers and browsers, but is also used in development mobile applications and programs for Internet of Things.

1. Sublime Text 2

A concise general-purpose code editor that can work with many programming languages. It is available as a free download for Windows, Mac and Linux platforms.

I also want to mention it appearance- it’s painfully simple. Individual details of the code are highlighted in different colors, it is possible to customize the color of the program window, there is another interesting thing on the right - the entire page project is presented in the form of thumbnails, by clicking on any of which you can easily move to the desired location.

In general, Sublime Text is an expanded version of the standard text editor, but with a more sophisticated interface and a focus on coding. So creating HTML pages in it is completely manual coding, therefore I cannot recommend it for professional work, but for beginners like you and me, this editor is suitable in order to better understand the principles of JS, HTML and CSS.

2. Atom

Atom is the most customizable text editor from GitHub developers. It is free for both personal and commercial use under the MIT license. Its creators actively monitor suggestions from users and try to update the editor with new functions in a timely manner.

Atom is available for Windows, Linux (Ubuntu, Fedora, Red Hat) and macOS platforms. The program also has the ability to select the language in which you will write the program. With standard plugins, only about 30 programming languages are supported: (C/C++, C#, Clojure, CSS, CoffeeScript, Markdown (GitHub Flavored), Go, Git, HTML, JavaScript, Java, JSON, Julia, Less, Make, Mustache, Objective -C, PHP, Perl, Property List (Apple), Python, Ruby on Rails, Ruby, Sass, Shell script, Scala, SQL, TOML, XML, YAML).

Such a modest software arsenal should be enough for everyone at first. Personally, I will create all listings in Atom. Well, let's get started!

"Hello World!"

As an example for the first lesson, according to the established tradition among programmers, we will create a welcome web page and look at its structure in detail.

First, a little theory. Inserting any Javascript script into HTML code is done using the tag and its variations. For example, using the src attribute you can place a direct hyperlink to a file containing the algorithm code in its pure form; in our example this method was not used.

There is also a recommendation for using the stitch