#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.