Scribd
Upload
3 views

Week 2 Basics of HTML Todo List

The document outlines a week-long HTML learning plan that includes watching lecture videos, reading notes, and hands-on exercises to create HTML files and pages. It emphasizes the importance of attending live classes for clarification, completing a knowledge checklist, and working on assignments related to HTML. Additionally, it encourages participation in group discussions to address any challenges faced during the exercises.

Uploaded by

bythere12333333
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Week 2 Basics of HTML Todo List

The document outlines a week-long HTML learning plan that includes watching lecture videos, reading notes, and hands-on exercises to create HTML files and pages. It emphasizes the importance of attending live classes for clarification, completing a knowledge checklist, and working on assignments related to HTML. Additionally, it encourages participation in group discussions to address any challenges faced during the exercises.

Uploaded by

bythere12333333
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Week 2.

HTML week - Todo list


Step 1: Learning the theory part (Watch the lecture
videos and read the notes)

Basics of HTML - Part I


2.1: Introduction to HTML
○ Watch the video
○ Read the corresponding note section

2.2: Understanding HTML


○ Watch the video
○ Read the corresponding note section

2.3: How to use VSC to write HTML code


○ Watch the video
○ Read the corresponding note section
○ Hands on computer:
■ Create “someFile.html” file along with the video (Use some
random text)
■ Use Visual Studio Code to practice the most common tasks
you perform so far.
▪ Open an existing folder or file
▪ Create a new folder in a specific location

▪ Create a new file in a specific location

▪ Make edits and save

▪ Rename files and/or folders

2.4: Basic Rules of HTML Tags


○ Watch the video
○ Read the corresponding note section
○ Hands on computer:
■ Try typing the common tags on the file you created above
(“someFile.html”)

2.5: Building your first HTML page


○ Watch the video
○ Read the corresponding note section (Including the step-by-step
instructions on how you can build your first HTML page)
○ Hands on computer:
■ Build your first HTML page along with the video

2.6: Most commonly used HTML 5 Tags


○ Watch the video
○ Read the corresponding note section

2.7: Building Apple's terms and policy page


○ Watch the video
○ Read the corresponding note section
○ Hands on computer:
■ Build the terms and policy page along with the video

2.8: Conclusion
○ Watch the video

Basics of HTML - Part II


3.1: Introduction
○ Watch the video

3.2: Steps to create HTML Pages


○ Watch the video
○ Read the corresponding note section

3.3 Common HTML Tags (nav, anchor, list items)


○ Watch the video
○ Hands on computer:
■ Retype the tags along with the video.
3.4 Common HTML Tags (header, section, div, footer)
○ Watch the video
○ Hands on computer:
■ Retype the tags along with the video.

3.5 Common HTML Tags (h1, h2, h3, h4, h5, h6, hr)
○ Watch the video
○ Hands on computer:
■ Retype the tags along with the video.

3.6 Common HTML Tags (img)


○ Watch the video
○ Hands-on computer:
■ Retype the tags along with the video.

3.7 Common HTML Tags (form, video, and iframe)


○ Watch the video
○ Hands-on computer:
■ Retype the tags along with the video.

Note:
By the time you've finished learning the theory, you should be able to:
1. Prepare all questions for which you will need additional explanations.
● Make sure your questions are organized in conjunction with the
corresponding videos.
2. Redo all the class demos on your computer
● Create “someFile.html” file along with the video
● Build your first HTML along with the lecture
● Build the terms and policy page along with the lecture
● Retype all the tags along with the video

Step 2: Attend the live classes


● This is your opportunity to get answers to any theoretical questions you may
have
Note:
● Re-watching and discussing the lectures reinforces what you've
learned

Step 3: Complete the knowledge checklist


● Go through the knowledge checklist to ensure that you understand all of the
key points.

Step 4: Work on the exercises


This week's exercise is to complete these three assignments. Detailed steps
you should follow on how to complete the assignments can be found at this
link:

https://www.evangadi.com/courses/MERN-Stack/phase1/exercises/week-
2-basics-of-html-exercise.pdf

● Build your first HTML page


● Recreate Apple's terms and policy page
● Recreate the CommonHtmlTags.html page found on the Evangadi
website

Note:
First, try to work on the assignments on your own. Make a list of all
the questions and difficulties you encountered while working on the
assignments. During group discussion hours, you will discuss these
with your teachers.

Step 5: Attend group discussions


Note:
● This is the time to address any difficulties you encountered while
working on the assignments.
● This is also an opportunity to discuss any questions you may have
about this week's topic.

You might also like