So, friends, have you decided to take the programming path? Shake hands, this decision will change your life. Frankly speaking, this is always an interesting and demanding work at the intersection of intelligence and creativity, work about how to benefit people, to make the world a little better. The possibilities for implementation are almost endless.
To tell you more about programming, there are many different areas in programming: web development, mobile, desktop applications, OS development, hardware drivers. Web development is one of the most interesting and in-demand areas. Its advantages include the fact that your product is on the Internet, and to see it, you just need to type the address in the browser of any device, you don’t need to download and install anything.
Any cognitive process can be represented in the form of the letter “T”, where the horizontal line is a broad understanding, the vertical line is deep. For an ideal specialist, the letter T is a large and beautiful form. If it is stretched to one side, it is ugly; such a specialist is of little use in the marketplace. He can either deeply understand one thing, but a little step to the side, and he is unusable; or superficially understand everything, but be able to do nothing.
First of all, it is necessary to develop a broad understanding of the importance of practice as much as possible, so in this article, I will try to cover all aspects of the front-end as widely as possible without going deep. And then you will do the deepening, which will remain for you to work on your own. Yes, you can do it on your own, without any offline courses that cost a lot of money. You just need the Internet, desire to find the necessary information and, of course, to learn it.
To have a good understanding of the reasons for the current state of affairs, you need to know at least a little bit of the history of the development path of the front-end, and indeed of web applications in general. There are so many tools now that not only a beginner, the devil himself will break his leg. Therefore, in order to navigate everything well, start with history, with a short excursion, how it all began, and then smoothly move on to modern approaches.
What information should you learn on the Internet?
- Learn the basics of layout – HTML, CSS. Just the basics are enough – the rest will be worked out in the process of solving problems. Get yourself a VS Code editor right away to work. Pay special attention to your Flexbox and CSS grid skills.
- Explore Bootstrap or bulma.io. Try to create a wireframe for a simple site using them; study their sources, they will give you a good understanding of the correct project architecture. Approximately already here, or better as early as possible, try to collect some projections, solve some problems, develop practice.
- Learn the basics of Git. This is a version control system, and it will already serve you well at this stage, it will allow you to commit changes in the code step by step and store them.
- Learn BEM / SuitCSS, whichever you like best.
- Understand the syntax of Stylus and Pug.
- Start exploring the Vue.js documentation. In the process of studying, you will learn many related things – component architecture, building with webpack, working with API, SSR, flux, auto testing.
- Explore front-end self-testing. This is an important point, if you master it right away, it will make your future life easier. Don’t put it off until later. I recommend tools like Jest and TestCafe. Vue.js has a good out-of-the-box autotest toolkit.
- Done! Further, only practice, or rather, it had to start from the first point, and now reach its climax. You are now a front-end master! Although who knows, maybe by that time some tools will be released again that will turn everything around in the front-end, and you will have to completely change your understanding?
- Do not dig deep into each topic, do not try to remember everything at once. The main thing is to remember where and what to see. It never hurts to repeat the basics. It is useful to communicate in the community and it is desirable to have a live, even remote, mentor who will help to guide in case of stagnation. Remember that better understanding comes from solving problems.
Web programming learning for complete beginners
This is a really great option if you are a beginner and just starting out to code. They offer video courses along with some interactive challenges.
This amazing platform has the access to over 500 courses, over 100 quizzes and much more information costs $ 29 per month, but you can try this resource for free for one week.
For beginners who are initially learning a language, this is a good website for learning the basics of HTML and CSS.
A great resource for beginners. Contains videos and simple interactive challenges.
This should give you a sense of what these technologies are all about. Their interactive learning environments also allow you to start writing code right away instead of figuring out how to set up a local development environment first. Nothing will build your confidence more than writing code and passing some tests right away.
Web programming learning for beginners to intermediate level
Once you do that, congratulations! You have started your web development journey. Now is the time to practice. This may seem difficult at first – a hard time finding a time when you have a full-time job, school, partner, or children who need your attention.
But consistency is key. You will learn more if you code for half an hour each day instead of coding seven hours on a Saturday. Humans are creatures of habit, so make programming part of your daily routine.
Perhaps after a month or two of web programming (if you study regularly), you should start practicing – from dawn to dusk! You need to become familiar with writing basic algorithms that involve hash tables, arrays, loops, string manipulation, and so on. If you’re interested in web development, you should be able to create simple user interfaces and websites fairly quickly with a little bit of HTML and CSS.