# Web Development

Web development is when you create pages, sites or applications people can access over the internet. As a web developer, you have the option of a broad set of rapidly evolving tools to work with.

# Web Fundamentals

# What is the World Wide Web?

# What are Web Pages, Websites and Web applications?

# What are Web Pages made of?

The content of a webpage is rendered using HTML. HTML is a markup language which means its purpose is to render information in the format you specified using HTML syntax.

These pages can be enhanced to look more user-friendly by adding color, frames and other aesthetic features using something called Cascading Style Sheets (CSS).

If you want give your page some functionality when users interact with it (such as by changing content on the click of a button), you generally use a programming language called Javascript that runs in the browser.

# Web Demystified

A video series created by Mozilla Hacks that introduces the fundamentals of web development by focusing on HTML, CSS & Javascript.

# Frontend Development

Frontend Development is the process of implementing user interfaces for web applications. As a frontend developer, you create the portion of the website that people interact with and ensure that the design requirements for how your application should 'look' and 'feel' are met.

# Frontend Masters

Learn more about what you need to become a successful frontend web developer!

# Backend Development

Backend Development is the process of developing the business logic and functionality of your tool.

As a backend developer, your responsibility is to write clean and scalable code which allows the transfer of data between the web browser and database server as per your application's description.

Usually, this involves working with databases to store data from users which is then extracted from the database and used in other parts of the application.

# What You Need to Know to be a Backend Developer

Check out this video on how to get started as a backend developer

# How do I get started with web development?

# Scrimba

Scrimba is a next-generation platform for learning how to code. Scrimba's screencasts enable you to interact with the code directly in the player. This way, you'll have more fun and learn faster.

# Frontend Web Developer Roadmap

A community-created roadmap for modern frontend web development.

# Backend Web Developer Roadmap

A community-created roadmap for modern backend web development.

# HTML, CSS & JavaScript Cheat sheets!

# What Web Development Tools Are There?

# Web Frameworks

A web framework is a tool that you could use as the skeleton for your application. It's helpful to use web frameworks because often, they have built-in features (such as user authentication capabilities) which you can use for development thus saving you time and increasing productivity.

Furthermore, frameworks are helpful when building larger applications because they are "scalable". This means you can easily implement features to your application in a way that follows a pattern such that other portions of your application are not impacted and your code is easily understandable if you want to make changes in the future. Frameworks are available for both backend and frontend development.

# Top 10 Frontend Libraries

Javascript frameworks are the way-to-go with frontend development. Checkout this list on the top 10 frameworks to get started with UI

# Backend Frameworks

Here are a list of video tutorials you could use if you want to get started with a backend framework

# Web development tools you should know

When you start developing your web application, you will need an array of tools to keep help your development agile and your code scalable. This includes using version control (like Git) and deployment containers (like Docker).

Here are some essential tools you should definetly know before you start your next project!

# Selected frameworks to help you get started!

# ReactJS

ReactJS is a frontend library created by facebook to help create modern and responsive UIs. It's one of the most well-known frameworks out there!

# VueJS

VueJS is a frontend framework designed for building UIs and single-page applications. It is a highly-scalable framework and can be easily adopted for a plethora of use cases.

# NodeJS & ExpressJS

NodeJS is what allows you to use Javascript for backend development. ExpressJS is a backend web framework built on NodeJS. These technologies easily integrate with frontend frameworks and allow developers to create full-stack applications using a single programming language.

# Django

Django is a Python-based web framework well-known for its scalability as well as its built-in components for authentication and data connections. Django is becoming extremely popular due to python being the default language for most Machine Learning developers.

If you would like to get started with django, here are step-by-step tutorials on building various types of applications

# Web Content Accessibility Guide 2.0 (WCAG 2.0)

Your web application is something that everyone should be able to use. Often, some of your users may require certain accesibility features on your web application so that they may experience the full benefits of your application.

Many regions have requirements for web content accessibility as part of their legislation (such as Ontario as part of the AODA). Luckily, the W3 Consortium has published international guidelines on web content accessibility in what is know as 'WCAG 2.0'

The WCAG2.0 is fairly extensive and provides a very comprehensive set of guidelines. Get started now!