Web Front End

1. Welcome to Web Front
End
By: Mohamed Essam

2. Contents Of This Course
Here’s what you’ll find in this Course:
1. Introduction to Web Technology
2. Tools we needs
3. HTML
4. CSS
5. JS
6. Visit with the Client

3. Introduction

4. HTML
Miller Open University
01

5. Tools We Will Need
 Google Chrome Browser
 Sublime Text 3 (or any code editor)
 github

6. What is HTML?
H T M L
HyperText Markup Language

7. Technologies that drive the Web

8. Technologies that drive the Web

12. Anatomy of an HTML Tag

13. Anatomy of an HTML Tag

14. HTMLand CSS,
Documentation

17. Block-Level Elements
 Render to begin on a new line (by default)
 ! May contain inline or other block-level elements
 A block-level element always takes up the full
width available
 A block level element has a top and a bottom
margin, whereas an inline element does not.
 ! Roughly Flow Content.

18. Inline Elements
 ! Render on the same line
 (by default)
 ! May only contain other inline
 elements
 ! Roughly Phrasing Content
 (HTML5 category)

21. CSS
Miller Open University
02

22. Bootstrap
Miller Open University
03

23. Java Script
Miller Open University
04

24. Visit with the Client
Most clients have NO IDEA what they want!
 It’s YOUR JOB to ask questions to figure it out
 ! Bring web site examples of similar businesses