Welcome to JavaScript Development

Wilson Espina

Your Instructional Team

Wilson

Introduce Yourselves

1. In pairs, take 5 minutes to get to know your classmates by finding out:

• Their name
• Why they are taking this course
• First thing they're looking forward to after Lockdown

2. Be prepared to introduce them to the rest of the class

Intros 5 mins

Sharing 10 mins

Course Dates

• Mondays & Wednesdays, 6pm - 9pm
• May 11th - July 20th
• No lesson on Bank Holiday Monday 25th May

Syllabus

Homework

• Assigned every Wednesday, starting this week
• Due End of Day Sunday
• Expect feedback within 5 days
• Late assignments will not receive feedback
• Details of Homework and how to submit it can be found on the JSD Web Portal:

Tips for success

• Complete homework on time
• Brush up on HTML/CSS skills
• Challenge yourself
• Ask questions

Classroom Norms for a Remote Class

Classroom Norms for a Remote Class

JSD Web Portal

All resources are available on the Web Portal:

https://pages.git.generalassemb.ly/wilson-espina/jsd-portal/

Github Enterprise

• Github Enterprise will have starting code for all class activities and assignments.
• You’ll also use GitHub Enterprise to submit homework.

Slack

• All course communication with each other and instructor happens here
• GIFs encouraged

Installfest

JavaScript and The Web

Wilson Espina

Learning Objectives

At the end of this class, you will be able to:

• Differentiate between the Internet and the World Wide Web.
• Summarise the client-server model & explain how DNS lookup works.
• Run Node.js, npm, Git, and other command line tools on your computer.
• Write pseudocode and explain how it relates to programmatic thinking.

Agenda

• What is the Web?
• What is JavaScript?
• What is Pseudocode?
• How to think Programmatically

The Web

What is the Web

• The World Wide Web is a collection of HTML pages accessed by the Internet.
• Accessed over the Internet.
• Communication is based on Hypertext Transfer Protocol (HTTP).

What is the Web Development

The process of building sites and applications for The Web which falls under two categories:

• Front-end Development
• Back-end Development

What is Front-End Development

The development of code for the client/browser (HTML, CSS, JavaScript).

• Interactive elements on a web page
• The way a website looks and feels

What is Back-end development

Server-side code that handles routing, data handling and databases.

• Python, Java, Ruby, JavaScript

The Internet

The Internet is a Big Collection of Computers and Cables.

• ”Internet” is short for "interconnection of computer networks."
• It's an infrastructure that connects millions of computers around the world together.

Internet vs The Web

Name some things you use the Internet for that are not part of The Web:

• Email
• Skype/Zoom/FaceTime
• Cloud storage/iCloud/Google Drive
• Spotify
• YouTube/Netflix

First Website

• In March 1989, Berners-Lee gave managers at CERN a proposal for an information management system that used hypertext to link documents on different computers that were connected to the Internet.
• Sir Tim Berners-Lee published site on 6th August 1991.

Client Server Model

How do you reach a specfic server

What is JavaScript

JavaScripts Role in The Web

What is JavaScript

A scripting or programming language that allows you to implement complex features on web pages and servers

• The language of the browser
• Front-end AND Back-end language
• Extremely Popular

JavaScript Popularity

Stack Overflow's 2019 Annual Developer Survey

The Birth of JavaScript

Brendan Eich was hired by Netscape to build their new client-side language in 1995. It was first released with Netscape 2, early in 1996

• Brendan Eich wrote the original code for Javascript in 10 days.
• There is a lot of rumours about the fact that he was either drunk or potentially high when he wrote it...

BONUS - A brief history of JavaScript

How is Javascript used?

Pseudocode

The importance of planning

Pseudo Code

• A great way to break down a problem into small chunks is to use pseudo code.
• Pseudo code is usually typed using comments, so that it has no effect on the program being written. It is typically written in a mixture of natural language and high-level programming constructs.

JS Comments

These comments for pseudo-code can be either single line or multi-line syntax:

// Single-line comment syntax

/*
multi-line
comment
*/
						

To comment out a line hit cmd + /

We want to make a cup of tea, let's think about the steps involved.

Learning Objectives - Review

• Differentiate between the Internet and the World Wide Web.
• Summarise the client-server model & explain how DNS lookup works.
• Run Node.js, npm, Git, and other command line tools on your computer.
• Write pseudocode and explain how it relates to programmatic thinking.

Exit Tickets

Please complete this brief Exit Ticket at the end of each lesson to check in with you and you can tell me if you need more help on the day's topic: link

• There is also a link in the Web Portal.