Learn Web Development in 2018

12 resources that will help you learn Web Development in 2018

Updated on 06/16/18
7 minute read

Disclosure

Webquestions.co is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites. As an Amazon Associate I earn from qualifying purchases.

Photo by Taras Shypka on Unsplash 

Learning web development in 2018 is becoming easier comparing to previous years. Since there is a huge demand for web developers, many people choose to learn how to become a web developer using online resources either as their first professional career choice or as a career change.

I have gathered a list of excellent web development resources, some are free, some cost money and the rest are combining free and paid accounts. The resources will help you learn web development from scratch or to improve your skills as a web developer. Keep reading.

As always, if you want to share more web development resources, found a mistake in the article, feel free to let me know in the comments.

Try this:

ES6 interview questions and answers.

Fun JavaScript project for beginners - modular multiplication around a circle.

 

CSS Grid by Wes Bos

CSS grid is an amazing feature of CSS. It helps you develop maintainable pages, responsive pages, and pages that their content can be easily manipulated during application runtime. 

Though CSS grid it is just a fracture of web development, this course will give a very powerful tool that will make you more comfortable with your design and page architecture. 

Wes Bos offers more courses on his website but this one is completely free and recommended whether you are an experienced or junior web developer. 

Pricing:

Free.

Technologies:

CSS grid.

Learning platform:

All the material is learned via videos and walk-through files provided.

 

The Odin Project

The Odin Project is a project that guides you through a path that will teach you web development. It is a full-scale web development resource that by the end of it, you will know how to develop a website, including server-side code. The project encourages the use of open source libraries and frameworks.

This web development resource is also great for you If you do not have any background in computer science. It will help you learn web development from scratch. 

The website focuses on Ruby on Rails which is a great framework to learn but considering job opportunities in the future is important when focusing on one framework. The rest of the knowledge on the website is relevant regardless of the server technology. 

Pricing:

Free.

Technologies:

Ruby on rails for the server, HTML, CSS, and JavaScript for the client side.

Learning platform:

All the material is reading materials.

 

Code School

Code school offers courses, Paths, screencasts, and projects. They provide a combination of theoretical materials and practical coding. 

Code school will help learn web development with a variety of programming languages and frameworks like Ruby on Rails, Jquery, AngularJs, HTML, CSS, JavaScript and more. 

Pricing:

Code School offers some courses for free. you can sign up and get access to all the material with a monthly paid account.

Technologies:

The website covers a lot of topics that you can learn such as JavaScript, HTML, CSS, .NET, C#, SQL, Android development, Bootstrap, IOS and more.

Learning platform:

Mostly on the built-in IDE. The page offers the material next to a window in which the student codes. Usually, there is a video at the beginning of each course or segment of a course. It balances the learning experience.

 

Codecademy

Codecademy, a well-known web development resource is an on-demand learning platform that offers a variety of courses in many subjects. The website also maintains a community discussions forum in which you can use to get help. The website lets you decide what to learn either by programming language name or by subjects, such as Web Development, Design, Data Science and more.

Pricing:

Codecademy offers a free account with free materials and monthly paid pro account that offers more materials.

Technologies:

The is a large variety of technologies like HTML, CSS, Python, JavaScript. SQL, Bash, Ruby and more.

Learning platform:

You will learn using a built-in IDE that contains the learning subject and the window in which you code. 

 

Codewars

Codewars is a website that is not necessarily focused on web development but on making you a better coder. The site lets its users create the questions (Katas) and get rank on it. As a user, the more code challenges you are able to solve, the higher you rank in a system that is taken from the martial arts world. Cool idea. 

This resource will not help you learn web development per se but will sharpen you logic and programming skills. Important also for web developers.

The coding challenges come in various difficulty levels, suitable for beginners or experts. Codewars users also perform another role of being a community of problem writers and solvers. You can participate and learn more from people. 

Pricing:

All questions are accessible for free. There is a pro plan, which provides additional features like better statistics, faster code execution, ad-free experience and more. 

Technologies:

The is a large variety of languages like C, Clojure, C++, JavaScript, Ruby, Scala and more. 

Learning platform:

You will learn using a built-in IDE, and also offers access to relevant discussions, solutions and your rank. 

 

Treehouse

Treehouse is an online resource for learning web development and web development related topics. The main method of learning in Treehouse is by videos, very similar to Pluralsight and Lynda. If learning by videos is not your taste, maybe you should start a free trial and see how it goes. 

Pricing:

In order to have an account and see any content, you need to sign up and provide credit card information. There is a 7-day trial though, still, provided that you entered your credit card information. 

Technologies:

All that is needed for web development: JavaScript, CSS, HTML, Photoshop and more. 

Learning platform:

Mainly through watching videos. 

 

Free Code Camp (FCC)

Free Code Camp (FCC) is a coding boot camp. That means that it is not on-demand style learning. You need to start at the beginning of the path and continue until you finish the training. As part of the training, FFC combines projects (zip lines) that you need to develop in order to progress and claim certificates.

Success in FFC requires time. It can be done in small steps, but it is better if you invest at least few hours every day.

Pricing:

Free. All the way.

Technologies:

With JavaScript, CSS, and HTML, FFC also integrates algorithms, Computer science concepts, API, Git, Node etc.

Learning platform:

Mainly by IDE that presents the material and a place to write code. There are some videos and projects are developed in CodePen.

 

Lynda

Learning web development is only a fraction of the topics covered in Lynda.com (Lynda). Lynda offers a great number of videos on various subjects. It is a place to learn a lot of things, from many fields of life. Unlike other resources, you can jump easily between subjects if you like to study this way. Each video is a standalone video and will not interfere with your path. You can easily create your own custom path. One thing to remember is to always check if the video is up to date. Take Angular 5 for example, It went through a lot of releases in previous versions so some videos may be obsolete. 

Pricing:

Monthly paid account. There is a 30-day free trial.

Technologies:

A LOT of subjects and materials. 

Learning platform:

Learning by watching videos.

 

Pluralsight

Similar to Lynda.com, Pluralsight offers hours on hours of online video courses in many subjects related to technology. Pluralsight also offers paths you can take (kind of like playlists), mentors help and on-demand courses if you prefer to watch a few videos on various topics.  If you'd like to select your interests there is a 'feed' option. It will recommend courses according to the interests you selected. 

One thing to note is courses may be old and related to old versions of technologies. It is always better to browse the course topics and make sure the course is not obsolete to your needs.

Pricing:

Monthly paid account. There is a 30-day free trial.

Technologies:

A LOT of subjects and materials regarding technology. There are several courses with different approaches to learning on almost every topic.

Learning platform:

Learning by watching videos.

 

Mozilla Developer Network (MDN)

Every developer with more than a couple of month of experience knows what is MDN. It has become almost a second nature to add "MDN" to a search on Google. MDN has a path for learning web development through links to resources, most of them are MDN resources. While it is not colorful or shiny like other websites, MDN covers almost every topic needed in order to develop a website and learn the technologies that will help you do it. 

This is a great resource if you are a reader type of learner and want to learn the key topics of web development and the web. 

Pricing:

Free.

Technologies:

All web development related: JavaScript, HTML, CSS, The Web and more.

Learning platform:

Mainly by reading.

 

CSS Tricks

CSS is a major topic in learning web development. 

What is a website without at least some decent styling? Probably 90's website. 

CSS tricks is a recommended web site if you would like to take your website styling to the next level. 

Though the name suggests this site is about small tricks in CSS, the reality is that the website is a huge resource for a lot of other things around the topic of web development. The website has a forum, around 150 instructional videos, code snippets section, guides and a newsletter if you would like to stay updated with important things related to web development. It is a really amazing resource.

Pricing:

Free.

Technologies:

Mainly CSS, also WordPress, HTML and web development related topics.

Learning platform:

A lot to read, around 150 videocasts.

 

LinkedIn Learning

Launched back at the end of 2016, LinkedIn learning is a platform for learning much more than web development. 

LinkedIn is taking advantage of its massive user base and engagement to realize how jobs change over time and to tailor studying solutions for newbies or experienced people.

Many of the courses as far as I can tell come from Lynda.com. Probably they have a collaboration. There are more to the platform than Lynda's videos though.

The platform is not limited to web development studies. It covers a range of subjects and topics. 

The platform offers courses in several languages.

Pricing:

Monthly and annual fee. Around 25$ per month at the time these words were written.

Technologies:

A variety of topics and fields of technology.

Learning platform:

Videos and other tools.

Disclosure - I never took a course in their platform. If you have taken a course on the platform and would like to elaborate, please share in the comments or message me and I will update the article.

 

To Conclude

In the above list, there are some of the best resources to learn javascript. Learning programming is not an easy task, even if you got the right guide.

Some of the resources offer a path to become a web developer and some offer a more specific course or topic.

Web development resources may be more theoretical or hands-on. Both are important when trying to improve your web development skills.

Make sure to maintain a studying routine and do not give up when it is hard.