Almost everyone, everytime when tending to a new journey, a new orientation for another opportunities in career they often asks themselves that: where I should start, what and how I need to do? And finding that answer is the process of learning a wealth of experiences. Learning to be a Web Developer is also the same case. The question of beginners always revolves around what should I learn and where should I start?
Every family goes through its own problems but it always also has its own solutions. Besides going to a vocational training center for an institutional training or through lessons in a university, every abecedarian developer must be self-taught in some extent. Today, although we have a great number of resources that allow us to learn whatever we want and whenever we need, such a large amount of information can leave us feeling lost. So, how you getting started with these steps at your starting point will be able to decide your own path.
In the industry of IT, having patience is the vital important step you need for openers. Woking every day is a prerequisite to improve our skills. Especially, the rewards to the number of hours in developing an application will no doubt be unappreciated with our effort. Therefore, now and always, remember: Patience.
2. HTML for Web Developer
Due to the necessity of HTML for the web applications’ foundation make it become the very first web development technology that must be learned. At the beginning, when HTML was born in the university to relate documents to each other. It is really useful by making easier to find documents with similar content. However, the development of computer science brought about the evolution of the web and has also led HTML to be used as base document for creating web applications.
The most considerable defect of HTML is bringing to the applications an awful visual aspect. This is right time for rising up the patience will help us overcome the discouragement by feeling effort and result are treading water. However, it is not without solution, CSS appears as a saviour to add style and help to reduce the the dissatisfaction of HTML with improving visual aspect greatly.
For consultation, these website is familiar with complete beginners:
Interneting is hard (But it doesn’t have to be) at (internetingishard.com)
Learn You HTML at (github.com/denysdovhan/learnyouhtml) — Cover key aspects of HTML: tags, tables and styles
3. CSS for Web Developer
In fact, HTML and CSS can be learned simultaneously. Whereas HTML work as the foundation, CSS refers to the painting, decoration or personalization of web applications
More often than not, it doesn’t matter which technology is behind our web application, if a product is without visually appealing, a customer will not pay for it. So, the importance of CSS need be appreciated because of its effect in generating money. And the acquirement for CSS in learning other parts of web development, where focusing on learning enough to layout a web page is more necessary. Of course, it does not mean that a profound CSS is indispensable for this step, but CSS skills will gradually improve by our effort, so all thing we need is try our best to defend ourselves.
A list of below resources will help our in the journey of learning CSS:
Tutorial CSS at (scrimba.com/g/gintrotocss) — 20 interactive tutorials will teach you the basics of CSS in an hour. It’s the perfect starting point for an easy way to learn CSS.
CSS Exercises at (github.com/dangodev/css-exercises) — CSS exercises devised as a mentorship project.
Codrops CSS Reference at (tympanus.net/codrops/css_reference) — An extensive CSS reference for learning CSS basics.
4. JavaScipt for Web Developer
However, let’s remember to needn’t panic because the foundations of programming will remain the same and we should ready for this step through some below resource:
Functional programming at (reactivex.io/learnrx) — Using map, filter, concatAll, reduce and zip to learn the basic principles of functional programming in an interactive way.
ES6 and above
Exploring ES6 at (exploringjs.com/es6.html) — Good introduction with in-depth chapters.
Exploring ES2016 and ES2017 at (exploringjs.com/es2016-es2017.html) — Follow up to “Exploring ES6.”
ES6 Katas at (jskatas.org) — Learn ES6 by solving unit tests online.
5. Instead of Learning, let’s start practicing!
After reading and acquiring too much the concepts, basic knowledge, we should take a break. Do not bear more stuff about theories in our mind. Because acquiring and collect the knowledge is never enough, so the best way to learn and consolidate knowledge without forgetting is that we need to put ourselves into the projects. It means that right now we have enough knowledge to apply a job in the IT industry and we are able to carry out projects.
In fact, exercises will help our improve and strengthen the knowledge day by day. And we will surprise at the day when we realize how far have gone and obtained. However, until that day, we still have a long way to go to have enough stack to generate real projects.
6. Databases - MySQL/PostgreSQL for Web Developer
The fundamental technologies of client-side or Front-end is not everything in web development. It also has the server-side or Back-end - another fundamentals that we should to master. Perceiving the knowledge about Back-end is understandable how the data is stored in web development. Since, the most valuable asset of software come from data or information, therefore, understanding extensively how databases work so that we can own the soul of software.
For the reason that database management hold the entire career that we build, so it is a big and important field. Getting started with database management through relational databases such as MySQL or PostgreSQL is high recommendation.
At (udemy.com/database-design) — Learn relational database design with practical concepts and examples. This series works with any database system.
At (github.com/XD-DENG/SQL-exercise) — The schemas and questions are from Wikibook
7. Back-end - PHP/NodeJS/JAVA for Web Developer
Generating dynamic web applications need back-end languages to exploit full potential of databases. Due to the dynamic and persistent of data in web applications’ operation, the front-end will receive data from the back-end - where the magic of web development begins.
APIrestful refers to the easiest way to start building. Withal, being very complicated at the first time for approaching is normal, which happened to all beginners. However, more and more we discover, we will realize that it is only uncovering the tip of the iceberg, the first glimpse of the back-end’s full potential.
A widely used language such as node.js or PHP will be necessary for beginners to learn back-end.
The advantageous resources
PHP Tutorial for Beginners: Learn in 7 Days at (guru99.com/php-tutorials.html)
PHP refers to foundation’s language of Facebook, Yahoo and Google. After this course, it can make our as a PHP pro.
Node.js Tutorial: Learn in 3 Days at (guru99.com/node-js-tutorial.html)
Through entire tutorial, we will know what is Node.js in detail and how Node.js launchs on fdeveloping server-based applications.
Pokemon API at (github.com/NyaGarcia/pokeAPI)
In node.js, Express, MongoDB, Docker, and above all, TypeScript where a Pokemon RESTful API built
Node tutorial for frontend devs at (github.com/cwbuecheler/node-tutorial-for-frontend-devs)
With front-end developers, here provide a tutorial and complete sample project with knowing how to get Node, Express and Jade up, then run it and connect to MongoDB; reading from/writing to the database.
Node.js Sample App at (github.com/ijason/NodeJS-Sample-App)
PHP: The Right Way at (phptherightway.com) — quick reference for PHP popular coding standards, links
Bonus: Frameworks for Web Developer
Frameworks are useful tools help our develop faster by easily configuring the fundamental concepts and allow our to create larger projects. So, the importance of deepening our knowledge of framework need to be appreciated properly.
The most useful and popular frameworks:
Step by step Laravel backend tutorial at (github.com/0x3fc/laravel-backend-tutorial)
Angular Tutorial: Learn Angular from scratch step by step at (github.com/AngularTemplates/learn-angular-from-scratch-step-by-step) — Explore the basic concepts and the why’s of Angular Framework
SpringBootForBeginners at (github.com/in28minutes/SpringBootForBeginners) — Spring Boot makes it easy to create stand-alone, production-grade Spring-based Applications.
Beside all above is necessary for the first steps to become a web developer, the other most important step is our positive attitude, which we should not lose or forget in during our career. No matter how we have gone through more various technological stacks and companies, let’s bear in mind that we must always have the patience to keep growing.
-- You are worrying whether to choose a reputable address to look for IT jobs or intend to apply for Web Developer vacancies at top IT companies in Vietnam and Southeast Asia? Please don’t hesitate to click for explore more information about Web Developer positions at: https://www.jt1.vn/top-it-jobs
-- You are an IT Company or IT Employer finding experienced IT candidates but have some difficulties in recruiting. JT1 - IT Recruitment Agency has been providing IT specialists in Web Developer positions from our database with 20.000+ qualified candidate profiles completely in IT. JT1 has cooperated and satisfy the demand of professionals IT Recruitment for more than 1000 employers all over Vietnam, including leading companies in the IT market. If you have any further questions, please follow and don't hesitate to contact us at: https://www.jt1.vn
JT1 - IT Recruitment Agency
Phone: +8428 6675 6685