How To Become A Web DeveloperSolomon AntoineBlockedUnblockFollowFollowingMay 10So you want to become a web developer?Here’s how I started and some advice I can give to you.
So if you’re reading this article I take it that you want to become a web developer, but don’t really have an idea of how to start.
I am Solomon Antoine, a full stack web developer, based off of my past experiences and mistakes, I’d like to write a beginners guide on how to become a web developer the most efficient way possible.
My process is simple.
I will list a concept(s) that you must learn and I will list a project you should create to become more fluent in that concept.
Basics of Frontend Web Development:So all web developers, regardless if their frontend or backend must know the basics of HTML and CSS.
So you maybe wondering, what do these languages do?HTML is just a markdown language which allows you to place content onto the web page.
Below I have linked tutorials of each language, most of which will be covered by Traversy Media, who is a phenomenal teacher.
His tutorials have gotten me where I am at today.
Combined, the tutorials are about 4 hours, meaning you can tackle the basics of web development in about a week.
Intangibles of Web Development:If you want to be a web developer, it is highly recommend you are familiar with tools like Git and Stack Overflow.
Git allows you to version control your code and keep track of your changes using something called a Git Repo.
Stack Overflow is a programmers best friend as it is a forum of solutions to questions programmers have had in the past.
Most questions you can think of have a solution on Stack Overflow so I recommend creating an account when you get stuck on something.
I cannot stress enough that you should really familiarize yourself with these tools.
Stack OverflowGitFoundations of Frontend Web Development:So after you get learn the basics of web development it is suggested you start to learn the foundations of web development.
Most people today actually never make websites with just HTML & CSS.
Instead they generally use a library with a bunch of precompiled HTML and CSS at the ready for you.
These libraries allow your to perform on all platforms, whether it be mobile, tablet or desktop.
The most common library is called Bootstrap.
With Bootstrap, you have many templates available as well as some really good documentation when you need a question answered.
In summary, Bootstrap is a blueprint for creating your website.
Its ease of use is also very beginner friendly in my opinion.
Below I have linked a tutorial on Bootstrap by guess who.
By Brad at Traversy Media, this tutorial is little over an hour and is great for beginner web developers.
BootstrapSuggested Project:Recreate your resume or portfolio using the Bootstrap cover page template here.
Basics of Backend Web Development:Most of you know that websites aren’t only static web pages, you also need a way to engage with your user.
Whether this be through a form or a blog, you need a way to capture data.
HTML and CSS can only provide you with a frontend, but if you want to start storing user data you will need to work with a backend language and a database.
The most common and easiest to use is generally PHP, a programming language that was created specifically for web development.
As for the database, the most common type of database is called MySQL.
PHP & MySQL go hand in hand like peanut butter and jelly.
Because PHP is a full fledged programming language, it will take a bit longer to learn than HTML & CSS.
However, compared to more complex languages like C++ or Java, PHP is still very beginner friendly.
In summary, PHP & MySQL are needed for your website when you need to engage with your user, whether it be a form or a blog.
Below I have linked a PHP tutorial series by Traversy Media.
This is about a 4–5 hour tutorial series, so this will take about a week to learn if you spend 30–45 minutes learning per day.
Before you dive into this tutorial, know that this won’t be as simple as the previous tutorials.
I take it you won’t have a basic understanding of programming concepts, like variables, functions and classes.
These are all concepts that Brad will teach, but these are more complex than working with a markdown language like HTML so I can’t stress enough that learning PHP can be frustrating at the beginning but once you have a basic understanding of programming concepts it will be a breeze to you.
PHP & MySQL SeriesSuggested Project:Create a contact form with Bootstrap for the frontend and store the submissions into a MySQL database using PHP.
Here is a sample form from mmtuts who is also a great programming teacher.
com/watch?v=4q0gYjAVonIAdvanced Web DevelopmentYou now know how to work create web pages with frontend tools as well as collecting user data with forms using backend tools like PHP & MySQL.
You now have a solid understanding of web development, note however most web applications are generally never created with raw PHP & MySQL.
Instead most developers rely on a web framework, a web framework is essentially a clean way of creating your web application.
Web application frameworks are made to cater to a wide range of needs of designers and developers such as:DatabasesWeb Templates (Bootstrap)User ManagementURL MappingWith frameworks you can either choose a CMS type of framework, this includes WordPress/Joomla or you can choose a language specific like Laravel, the first framework I learned.
Most web developer prefer frameworks because they are generally easier to manage than custom code and have huge communities backing them.
Below I have linked a tutorial to learning the Laravel framework.
This another tutorial series by Traversy Media, however he will be teaching you how to create a fully functional blog application with users, authentication and more.
This was my first Laravel tutorial I followed front to back and got me to where I’m at today.
I also have linked a WordPress tutorial as well for people that want to become more familiar with Content Management Systems.
Laravel Tutorial SeriesWordPress Crash CourseIf you find any typos or differing opinions feel free to share them in the comments.
.. More details