#100DaysOfWeb in Python Transcripts
Chapter: Days 25-28: JavaScript Introduction
Lecture: 4 day plan

Login or purchase this course to watch this video and the rest of the course contents.
0:01 Let's look at the plan for the coming four days. In the first nine videos, you're going to see me explain the history of JavaScript, how to run it
0:09 and some fundamental building blocks of the language. Then in video ten, I will present you with four optional exercises to help the concepts sink in.
0:20 Then for day three we dive into a very fundamental aspect of working with JavaScript which is the DOM or Document Object Model.
0:30 I have a simple website with a bunch of quotes which we're going to manipulate using JavaScript. Then for day four, I got two projects for you
0:40 that you should be able to code with the concepts you have been learning throughout the lesson. It's a simple calculator and a calorie counter.
0:49 In the checkout go to Days, Day 25. And in the demo folder, you have all the materials. So you got the language building blocks
1:02 including the four exercises that will point you to on day two. You have the demo you're going to use for the DOM lesson and the two projects.
1:13 Let me show them to you. First of all, simple calculator which drives home what you will learn about the Document Object Model.
1:28 Because it's going to grab the values you need to input fields and a operator that's going to handle a button click, calculator result
1:36 and bounce that back to a div. It will handle some edge cases and change the styling accordingly.
1:55 And the final project is the calorie tracker. I have some artyom complete code that will be provided from the start. and it will work like this.
2:12 I loaded in some foods from McDonald's and I should add them. It counts up to calories. You're consuming.
2:23 You can also remove them by clicking on the X. And the total count adjusts accordingly. When there's nothing left the whole diff will hide.
2:36 So apart from the exercise there's two fun projects you should be able to work on on day four: a simple calculator and a calorie tracker
2:47 using McDonald's calorie data.


Talk Python's Mastodon Michael Kennedy's Mastodon