My Journey into Web Development.

At first I thought Web Development was really going to be a huge frustration for me because I had no real experience doing web development and programming in general except for what we were taught in school — C++ and C#

Deciding whether to get into web development had me thinking “what Do I Learn?”. After doing some research and seeking advice from some senior developers, I ended up making my learning path based on what most entry-level web developer position asked for:

• HTML & CSS
• Javascript
• Responsive Design

HTML AND CSS

HTML :

Hypertext Markup Language It is the core of every web page, regardless the complexity of a site or number of technologies involved. it’s the starting point for anyone learning how to create the content for the web.

CSS:

Cascaded Style Sheet This Programming Language dictates how the HTML elements of a website should actually appear on the frontend of the page.

“If HTML is the drywall, CSS is the paint”.

JavaScript:

It is one of the core technologies of the world wide web, which enables interactive web pages and is an essential part of web applications. The vast majority of web browsers have a dedicated JavaScript engine to execute it.

Learning to Code.

Now that have gotten some of the basics in web development, I was fortunate to come across ten among other inspiring sites both free and paid on which made learning of code much easier for me to learn, some of those site are:

• W3schools
• FreecodeCamp
• Khan Academy
• Odin Project
• The Code Player
• Udemy
• Code.org
• Coderbyte
• HTML5 Dog

W3Schools (FREE)

Perfect for beginners, W3Schools is the world’s largest web developer site, offering free coding tutorials and reference materials for learning just about every aspect of web programming. You can also test your skills with quizzes and complete coding exercises using their online editor.

“What free coding tutorials they offer: HTML, CSS, JavaScript, SQL, PHP, jQuery, and more”

freeCodeCamp (FREE)

This free online coding school teaches coding first through an established curriculum (approx. 800 hours total), then by giving you hands-on experience working on projects for nonprofits. It’s perfect for learners who want to learn code online by getting practical, hands-on experience that will do some good and look impressive on a resume.

“Free coding certifications on offer: HTML, CSS, JavaScript, data visualization, DevTools, QA testing, Node.js, React, jQuery, and more”.

Khan Academy (FREE)

Khan Academy offers tons of subjects (as their front page says, “You can learn anything”), including many on computer programming. A few courses are offered for younger kids, too–so the whole family can learn to code for free!

“Coding resources they offer: JS, HTML/CSS, SQL, much more.”

The Odin Project (FREE)

Modern-day warriors can set sail for learning to code with the Odin Project. It’s made by the creators of Viking Code School — a premier online coding bootcamp — and the Odin Project is their free, open-source version. While you learn to code for free with their programming tutorials, you can check in for support from other students using the online chat group!

“Topics available: HTML, CSS, JavaScript & jQuery, Ruby programming, Ruby on Rails”

The Code Player (FREE)

A compilation of video-based online coding tutorials to help you walk through a process from start to finish. Good for learning code online with “smaller” projects/tasks one at a time.

“Free coding tutorials available: HTML5, CSS3, Javascript, Regex, JQuery”

Udemy (FREE AND PAID)

They offer both paid and free courses. Note that on Udemy, courses can be created by anyone, so make sure to read reviews. Coupons can also be easily found, too, and sales are frequent.

“Free coding courses they offer: Many”

Code.org (FREE)

Code.org provides learning materials specifically dedicated to increasing the rates of female and minority students entering computer science careers. Their free coding courses are designed for K-12 students, but can be useful to all ages. Start out with their quick Hour of Code tutorials, or build projects in lab courses.

“Coding courses offered: HTML, CSS, JavaScript, block programming”

Coderbyte (FREE)

Learn to code by doing it! Coderbyte teaches you the basics of popular programming languages and lets you build up your new skills using their library of 200+ coding challenges and solutions.

“Free coding coding challenges: JavaScript, Ruby, Python, HTML, CSS, Node.js, and more”

HTML5 Dog (FREE)

Start learning to code with one of the simplest languages. You can find an HTML beginner tutorial here. They also offer intermediate and advanced HTML tutorials.) CSS tutorials are here

Derek Banas (PAID)

Banas’ specialty is condensing information about coding languages into a single video per language. Good for viewers who like longer but more thorough videos instead of bite-sized chunks, or want to watch overview videos of languages before diving into courses/curriculums.