Learn the basics of web development and get a high-level view of the web development landscape.

Become a Front-end Developer

This module encompasses everything from the basics of networks to the principles of front-end web development with HTML, CSS, and JavaScript. After taking this module, not only will we be comfortable learning any web technology, but we'll also have a better idea of what different technologies are out there and what we want to learn. We'll also become familiar with version control systems, which are a global industry standard.

Web Development: A Primer

## Introduction
JavaScript is the web scripting language developed by Netscape. It is the most popular programming language in the world today. The language was standardized to ECMAScript, as a cross-platform Internet standard for scripting, but it is still most commonly called JavaScript. 

### Java vs JavaScript
A lot of people confuse JavaScript with Java and are under the impression that JavaScript is a 'script-ier' version of Java and begin to learn it. That cannot be further from the truth; Java is to JavaScript what car is to carpet. They don't have anything to do with each other.


JavaScript is syntactically similar to C and C++, though. If you are familiar with these languages, you will be comfortable learning JavaScript. However, if you don't have any prior programming experience, you will find JavaScript a bit challenging.


### Why JavaScript?
JavaScript allows you to implement complex things on web pages; every time a web page does more than just display static information such as content updates, interactive maps, and animated 2D/3D graphics, JavaScript is probably involved. It is the third layer of standard web technologies, two of which (HTML and CSS) we have already covered.

## The web browser console
If you have taken a basic programming course, you would know that you can print things on to the terminal. For example, you can use `cout << string` in C++ to print `string`. But how do you do this in a JavaScript program since JavaScript runs on browsers? Well, it turns out all browsers have a console that is not *displayed* by default but can be viewed. If you are on Chrome or Firefox, for example, just hit Cmd+Option+J on Mac or Ctrl+Shift+J on Windows to view the console! You can do something similar on [Safari](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/KeyboardShortcuts/KeyboardShortcuts.html).

## Hello World!

Let's look at a basic hello world program in JavaScript. 

# Introduction
JavaScript is the web scripting language developed by Netscape. It is the most popular programming language in the world today. The language was standardized to ECMAScript, as a cross-platform Internet standard for scripting, but it is still most commonly called JavaScript. 

## Java vs JavaScript
A lot of people confuse JavaScript with Java and are under the impression that JavaScript is a 'script-ier' version of Java and begin to learn it. That cannot be further from the truth; Java is to JavaScript what car is to carpet. They don't have anything to do with each other.


JavaScript is syntactically similar to C and C++, though. If you are familiar with these languages, you will be comfortable learning JavaScript. However, if you don't have any prior programming experience, you will find JavaScript a bit challenging.


## Why JavaScript?
JavaScript allows you to implement complex things on web pages; every time a web page does more than just display static information such as content updates, interactive maps, and animated 2D/3D graphics, JavaScript is probably involved. It is the third layer of standard web technologies, two of which (HTML and CSS) we have already covered.

# The web browser console
If you have taken a basic programming course, you would know that you can print things on to the terminal. For example, you can use `cout << string` in C++ to print `string`. But how do you do this in a JavaScript program since JavaScript runs on browsers? Well, it turns out all browsers have a console that is not *displayed* by default but can be viewed. If you are on Chrome or Firefox, for example, just hit Cmd+Option+J on Mac or Ctrl+Shift+J on Windows to view the console! You can do something similar on [Safari](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/KeyboardShortcuts/KeyboardShortcuts.html).

# Hello World!

Let's look at a basic hello world program in JavaScript. 

Here is a brief introduction to JavaScript as used on the front end.

Networks

Databases

The Front End

The Back End

Web Development Frameworks

Version Control with Git

Principles of Software Engineering

Conclusion