Scribd
Upload
4 views1 page

Full Stack Development Day 1 Guide

This document is a teaching script for a Full Stack Development course, covering the basics of HTML and web structure. It includes a roadmap of topics, a live demo of HTML code, and practical exercises for students. The homework assignment is to create a personal profile webpage incorporating the learned elements.

Uploaded by

forspam3009
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
4 views1 page

Full Stack Development Day 1 Guide

This document is a teaching script for a Full Stack Development course, covering the basics of HTML and web structure. It includes a roadmap of topics, a live demo of HTML code, and practical exercises for students. The homework assignment is to create a personal profile webpage incorporating the learned elements.

Uploaded by

forspam3009
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

FSD FIRST CLASS — TEACHING SCRIPT

1) Introduction
Hello everyone, welcome to our Full Stack Development course! My name is ______ and I’ll be guiding y

2) What is Full Stack Development?


Full■stack means frontend + backend.

3) Roadmap
HTML, CSS, JS, React, [Link], Express, DB, Deployment.

4) How the Web Works


Browser → server → browser.

5) Start Coding
Create folder fsd_day1 → [Link]

6) HTML Basics
HTML is the structure of the website.

7) Live Demo
<!DOCTYPE html>
<html>
<head><title>My First Website</title></head>
<body>
<h1>Hello Everyone!</h1>
<p>Welcome to Full Stack Development – Day 1.</p>
</body>
</html>

8) Headings & Paragraphs


<h2>About Me</h2>
<p>I am learning full stack development.</p>

9) Image
<img src="[Link] alt="Profile photo">

10) List
<ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul>

11) Link
<a href="[Link] target="_blank">Visit Google</a>

12) Form
<form>
<label>Name:</label>
<input type="text">
<label>Email:</label>
<input type="email">
<button>Submit</button>
</form>

13) Summary
We learned structure, tags, images, links, lists, forms.

14) Homework
Create a personal profile webpage: Name, photo, paragraph, hobbies list, link, form.

You might also like