A roadmap to becoming a web developer in 2019
There are plenty of tutorials online, which won't cost you a cent. If you are sufficiently self-driven and interested, you have no difficulty training yourself. The point to learn coding I think is to read a lot of code of other developers, then typing code and testing to see what it produces, what are the bug you experience. Then search on Google or stackoverflow about those bugs messages so you can understand why. Read, read, read, code, code, code.
This is a step-by-step process, but we think it really worth learning to code.
This article is a sort of roadmap for becoming a web developer in 2019. It outlines the best tutorials and top courses to provide a way to start a career as a frontend or backend engineer.
We divided the article into 6 parts:
- Getting Started: Where to begin if you are brand new to coding
- General Coding & Tools: Programming concepts every dev should know
- Frontend Development: Learn how to build user interfaces (UI’s)
- Backend Development: Learn how to build API’s and write server code
- Software Engineering Books.
If you are still learning the fundamentals, you should start with the "Start" section in order to strengthen the core coding principles. The "General Coding & Tools" section contains content that should be known to every developer, such as Git, the command line and key tools.
Web development typically consists of two disciplines-the frontend and the backend. The frontend is the interface with which users interact in the web browser and deal with the layout, styling, and management of data sent from the server-for developers interested in visual aspects and interactivity. The backend focuses on creating APIs and managing the application's complex logic-for data and pure logic developers.
We highly suggest that you be at least comfortable with both the frontend and the backend because the full stack knowledge is extremely valuable and makes your set of skills much more attractive.
Well, let's start.
1. Getting Started with Coding
Your first encounter with programming
There are plenty of high-quality free options to get started with coding. freeCodeCamp and Codecademy are excellent choices and are great to set your foundation.
If you want to speed things up these are some great courses to go start from a beginner in JS and advance quickly.
You will dramatically improve your chances of getting past a technical interview, landing that dream job and earning more money.
What are you going to learn?
- Types & Equality: The different types in JS and how to check if two values are really equal?
- Scopes: The different scopes a variable can be declared in and how to manipulate those scopes.
- Advanced topics in Networking such as CORS and JSONP.
- Advanced topics in Event Handling such as the different event phases.
If you are looking for a subscription option with courses that will take you from beginner to pro, a great option is Pluralsight. You must sign up for a subscription (free trial offered), but they have excellent content on almost everything.
2. General Coding and Tools
This section will focus on the requirements for any developer. You should be proficient with the command line, know how to version control your code with Git, and the fundamentals of the web.
The command line is how you run your code. You must be able to navigate and execute the required commands. The better you are on the command line, the more efficient you will be as a developer.
- Learn Enough Command Line to Be Dangerous— an excellent free book to learn the command line.
- Linux Command Line Basics
- The Linx Command Line: A Complete Introduction
For Windows users, you are now able to run a true Linux terminal on your machine, so I highly recommend this approach because Unix (also used in Macs) is the most common environment you will use on the job.
Pick a Text Editor
VS Code is the is the top choice for web developers, which makes it a great place to start — it’s personally what I use. However, there are many excellent options available such as Atom, WebStorm, or Vim for the hardcore.
The text editor is where you will write all your code, and the terminal is where you execute it. As a developer, this is where live. Spend some time to pick the right editor, set up the plugins, and learn the hotkeys. Having the right workflow can dramatically increase your productivity.
Git and Version Control
Git is the tool used to save code and create different versions, allowing you to collaborate with other developers. The top place to store code and collaborate on open source software is GitHub.
Web Fundamentals (Learn these at some point)
3. Learn Frontend Development
HTML & CSS
HTML and CSS are typically learned together. HTML is the skeleton of the page that gives is structure, and CSS is language that gives it style.
UI Libraries (React, Vue, Angular)
Modern UI development has gravitated towards a component model with 3 libraries as the primary ones used on the job — React, Vue, and Angular. You are better off knowing one of them very well as opposed to trying to learn all 3. Then on the job, you will be able to pick up something different if the company uses a library that you did not learn. React is the most popular, but Vue and Angular are both being adopted rapidly.
4. Learn Backend Development
The backend is where you talk to the database, handle business logic, and send the necessary data to the frontend.
The database is the permanent storage for the data of your application. Typically the backend will make a query against the database during an API call. There are 2 common database types — SQL and NoSQL.
GraphQL itself is not a database but a query language on top of databases. Many people believe it is going to revolutionize app development and totally change how we build APIs. It is rapidly gaining adoption and being utilized by tech giants and top startups.
Python is easy for beginners but also utilized extensively by tech giants and startups for backends, data science, and scripting.
PostgreSQL / MySQL
These are two top SQL implementations and likely what you will see utilized at most companies.
Much of the early internet was built on PHP and there are still many sites powered by it, including Facebook.
Ruby on Rails
Ruby on Rails was the go-to startup language for years. It’s ease of use and convention-driven language made it easy to rapidly build products.
Introduction to Algorithms — While not the most beginner friendly book, it is thorough. Take this step once you really feel like it’s time to understand algorithms thoroughly.
Algorithms — This course is taught in Java, but the learning outcomes are still valid. You gain a thorough understanding of the most important algorithms in computer science. The course is taught by Princeton on Coursera.
6. Software Engineering Books
This selection is 5 books that will either make you a better coder in general or an essential book you will need at some point in your career, such as during interviews. Or, see a complete list of programming book recommendations.
- Clean Code by Robert C Martin
- The Pragmatic Programmer by Andrew Hunt & David Thomas
- The Effective Engineer by Edmund Lau
- Cracking the Coding Interview by Gayle Laakmann McDowell
- The Art of Computer Programming by Donald Knuth
If you are learning to web development, there is also a high likelihood you’re interested in startups. These are some of the top books about startups and the philosophies of those that are successful.
- The Lean Startup by Eric Ries
- Zero to One by Peter Thiel
- Hooked by Nir Eyal
- Traction by Gabriel Weinberg and Justin Mares
- The Hard Thing About Hard Things by Ben Horowitz
Original article here
- Async/Await how they really work: an example
- Stunning React Boilerplates and Starter Kits for 2019
- The Absolute Beginner's Guide to Sass
- Parallax Landscape Scenes Built Entirely With CSS and HTML
- Fullscreen Background Video HTML5 And CSS cross-browser
- CSS Shapes: how to create non-rectangular shapes (part 2)