Scribd
Upload
2 views10 pages

Introduction To Programming and Web Development

The document introduces programming and web development, explaining that programming involves giving instructions to computers, while coding is the act of writing those instructions. It outlines the benefits of learning programming, such as building games and websites, and describes web development's three main components: HTML, CSS, and JavaScript. The document also includes a fun activity to illustrate coding as step-by-step thinking and hints at future lessons on writing real code.

Uploaded by

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

Introduction To Programming and Web Development

The document introduces programming and web development, explaining that programming involves giving instructions to computers, while coding is the act of writing those instructions. It outlines the benefits of learning programming, such as building games and websites, and describes web development's three main components: HTML, CSS, and JavaScript. The document also includes a fun activity to illustrate coding as step-by-step thinking and hints at future lessons on writing real code.

Uploaded by

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

Introduction to

Programming and Web


Development

Learning how to talk to


computers and build websites!
What is Programming?

•Programming is giving instructions to a computer.


•Computers follow those instructions to do tasks like:
•Showing videos (YouTube)
•Playing music (Boomplay)
•Sending messages (WhatsApp)
What is Coding?
• Coding is writing the instructions in a
language the computer understands.
• A person who writes code is called a
programmer or developer.

 Analogy: Like writing a recipe or giving


step-by-step directions.
Why Learn Programming?

•You can:
 Build games
 Create mobile apps
 Design websites

•Programming helps you think better, solve


problems, and create new things.
What is a Website?

• A website is a collection of pages you visit


online like:
• Google
• Wikipedia
• Instagram
• Web developers build these pages using
code.
 Image: Screenshot of a simple website
What is Web Development?

Web development has 3 main parts:


1. HTML – structure and content
2. CSS – colors and styles
3. JavaScript – movement and interaction
Analogy:
• HTML: skeleton of a house
• CSS: paint and decoration
• JavaScript: doors and lights
How a Web Page Looks

Code:
html
<h1>Hello Golden Tots!</h1>
<p>This is my first web page.</p>

Browser Result:
Hello Golden Tots!
This is my first web page.
Real-World Examples

•HTML makes the text and headings


•CSS makes it colorful and beautiful
•JavaScript adds games, pop-ups, and animations
Fun Activity

Let’s write instructions to draw a house:


• Step 1: Draw a square
• Step 2: Add a triangle on top
• Step 3: Add a door in the middle
 Purpose: This is how coding works —
step-by-step thinking!
Ready to Learn More?

Next time, we’ll begin with:


• Writing real code using HTML
• Creating our first web page
• Making it beautiful with CSS

You might also like