Web development ssdssfsdfsf topic for educ

Web development ppt

1. ORIENTATION AND INTRODUCTION
TO
WEB DEVELOPMENT AND
WEB FILE

2. OBJECTIVES:
At the end of the lesson, the students should be able to:
•Enumerate house rules.
•Tell something about themselves.
•Give their personal understanding about the
importance of websites.
•Setup applications to be used for web development
•Identify files paths.

3. ORIENTATION
Introduction
House Rules
Syllabus

4. INTRODUCTION TO WEB
DEVELOPMENT
What is IT?
What is Web Development?
What is the importance of website?
How do you use website in your daily life?

5. INTRODUCTION TO WEB
DEVELOPMENT
How can websites help?
•Stores
•Government
•School
•Resorts
•Agriculture

6. INTRODUCTION TO WEB
DEVELOPMENT
What are the major building blocks of web development?
HTML
CSS
Javascript

7. INTRODUCTION TO WEB
DEVELOPMENT
Two Main Categories
•Front End
•Anything you see in a webpage
•Back End
•What happens behind the scenes

8. INTRODUCTION TO WEB
DEVELOPMENT
Applications used in order to develop webpages.
•Code Editor
•Web Server

9. INTRODUCTION TO WEB
DEVELOPMENT
Applications used in order to develop webpages.
•Code Editor
•Notepad++
•Atom
•Visual Studio Code
•Sublime text
•Light Table
•Web Server

10. INTRODUCTION TO WEB
DEVELOPMENT
Applications used in order to develop webpages.
•Code Editor
•Web Server
•XAMPP

11. INTRODUCTION TO WEB
DEVELOPMENT
Software Set Up
•Notepad++
•Atom
•Visual Studio Code
•Sublime text
•Light Table

12. INTRODUCTION TO WEB
DEVELOPMENT
Software Set Up
•XAMPP

13. ACTIVITY
Company Assignment”
•Create a company name
•Create company product/service
•Product/service name
•Price
•Create Company logo
Note
•You will be using the created company till the end
of the subject

14. ACTIVITY
1.Based on the 5 code editors listed, list the pros and cons of
each of the code editors and present to class.
2.Choose one code editor that you will be using for the
entire course and explain why.