HTML, Hyper Text Markup Language, gives content structure and meaning by defining that content as, for example, headings, paragraphs, or images.
HTML
Intro
- What you know about HTML and CSS
- What is HTML
- Anatomy of an HTML Element
- Setting Up the HTML Document Structure
- Attributes HTML
Semantic and Meta tags
Forms
- Forms HTML
- Input Types HTML
- Read validation first, and this is the MAIN Topic
- Forms and Validation HTML
- Creating a form HTML
- Making the most of client-side validation HTML
- Radio Example HTML
- Upgrade form Example HTML
- optgroup HTML
- output HTML
- submit HTML
Elements
- Structuring the page HTML
- div HTML
- span HTML
- Page navigation HTML
<section>
- Header HTML
- Article HTML
- Footer HTML
- aside HTML
<figure>
: defines self-contained content, such as a diagram or photo<figcaption>
tag defines the caption for the contents of the<figure>
- HTML5
-
new elements(Tags)
-
new attributes
-
audio & video
-
animation (with CSS)
-
drag and drop (with JS)
-
graphic (SVG - Canvas with JS) make the website slow
<canvas>
-
offline date (Index DB - Web SQL)
- Memories in browsers to save data in browser if the server failed
-
كل دا مشروع طلبة
-
Web worker (Multi Threading) لو عندك زرارين هيعملوا تاسكات وواحد هياخد وقت دقيقتين فالتاني مش هينفع تتكا عالتاني، بس هنا بيقولك لأ عا
-
web socket (WS ⇒ 2 Way Protocol) - Signal R عشان أعمل real time application زي مثلًا الواتس لو حد بيكتب انت بتعرف انه بيكتب
-
Geolocation (خط الطول والعرض بتاع الشخص اللي بيدخل على السيرفر)
-
xml http request (ajax)
-