layout: post title: ‘Tuesday Lecture Videos’ tags: phase-1 javascript js exceptions try/catch html forms —

Videos

• Monday Morning Video
  • Password: 6FfM1!z%
• Monday Afternoon Video
  • Password: g@9S8k9T

Today’s topics

• HTML forms
• Working with form data in JavaScript
• Client-side form validation with JavaScript

Project

JavaScript Form Validation

Link to the assignment invitation

Links and resources

• MDN Forms Guide
• MDN HTML form element
• MDN HTMLFormElement
• MDN HTML input element
• MDN HTML label element
• MDN Client-Side Form Validation

⭐️EXTRA/TMI

• Form Fields in Eloquent JavaScript, Chapter 18
• MDN HTML5 Constraint Validation (we’re not using this for our project, but it is a very common tool for client-side validation and important to know about)

Code, slides, and video from class

• class slides PDF
• form validation demo code

Hope everyone is having great weekend! Last week was Codeland, an annual industry conference that puts extra emphasis on creating space for people new to the industry. All of the talks were recorded, and you can watch them at the link below. I highly reccomend doing so when you get the chance!

Livestream

Codeland

Videos

• Wednesday Morning Video
  • Password: 6tRn%z.J
• Wednesday Afternoon Video
  • Password: z#puz=2Z
• Thursday Morning Video
  • Password: ^ZvuWG2Z
• Thursday Afternoon Video
  • Password: fG3n?7xp

Today’s topics

• Using JS in the browser
• The DOM: the Document Object Model
• DOM manipulation with JS
• JS Events

Project

JavaScript Calculator

Link to the assignment invitation

Links and resources

• CSS-Tricks: What Is the DOM?
• MDN Introduction to Events
• MDN Event Reference
• DOM Manipulation with Vanilla JS
• Chapters 13-15 of Eloquent JavaScript

⭐️EXTRA/TMI

This resource is really not at all necessary to understand or do the project, but if you want to know more about the concept of tree structures in computer science, check out this piece from Vaidehi Joshi’s BaseCS blog series. She is awesome! There is also a thoroughly delightful accompanying BaseCS podcast with the equally amazing Saron Yitbarek.

• BaseCS blog series: How Not to be Stumped by Trees

And here is more info about what is happening when a browser renders a page – very interesting, but definitely not necessary at this stage:

• Browser rendering engine

AND…if you would like to know more about the JavaScript Event Loop and how it works, I highly recommend this resource. Don’t miss the video of the conference talk that goes along with it – it’s excellent:

• Loupe: Visualizing the JS Event Loop

Code, slides, and video from class

• class slides PDF