|
2 | 2 |
|
3 | 3 |  |
4 | 4 |
|
| 5 | +## ❣️ Support |
| 6 | + |
| 7 | +There are many ways to support us; in exchange, you'll get this material in a proper format: |
| 8 | + |
| 9 | +- ❤️ [shop.ditectrev.com, in EPUB or PDF formats](https://shop.ditectrev.com), |
| 10 | +- 📖 [Udemy, in an interactive video course format](https://www.udemy.com/user/social-ditectrev/), |
| 11 | +- 📚 [Google Play Books, in PDF format](https://play.google.com/store/books/collection/cluster?gsr=SheCARQKEAoMWjZNR0VRQUFRQkFKEAkQBA%3D%3D:S:ANO1ljK1zJ0), |
| 12 | +- 🛍️ [Etsy, in PDF format](https://ditectrev.etsy.com), |
| 13 | +- 🛒 [eBay, in PDF format](www.ebay.com/sch/i.html?item=404900285691&rt=nc&_trksid=p4429486.m3561.l161211&_ssn=ditectrev), |
| 14 | +- 🔄 [Patreon subscription allows you to get access to all of the materials in EPUB and PDF formats. You can also buy separate items on Patreon, but the subscription technically allows us to include all updates for EPUB and PDF formats. Hence, you get EPUB and PDF updates when you subscribe to Patreon](https://patreon.com/Ditectrev?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink). |
| 15 | + |
| 16 | +💰 If you work for a company, you could probably easily claim this expense while learning this topic. For us, it's about being in the game or not. |
| 17 | + |
| 18 | +⭐ Good ratings & reviews help us to survive. Please don't forget to leave a nice one when you purchase an item. |
| 19 | + |
| 20 | +## ✨ This book & course is unlike any HyperText Markup Language (HTML) course you will find online. |
| 21 | + |
| 22 | +✋ Join a live online community and a course taught by industry experts and learn about HTML. We aim to build an ecosystem of Information Technology (IT) certifications and online courses in cooperation with the technology industry. We believe it will give our students 100% confidence in the pacing market in an open-source environment. We are just at the beginning of our way, so it's even better for you to join now! |
| 23 | + |
5 | 24 | [](https://discord.gg/RFjtXKfJy3) |
6 | 25 |
|
| 26 | +## ⌛️ Short and to the point; why should you take the book & course: |
| 27 | + |
| 28 | +1. Always happy to answer your questions 😊 |
| 29 | +2. Unhappy? Please raise a refund; we'll always accept it 💸 |
| 30 | +3. Learn about topics, such as 😱 |
| 31 | + - Introduction to HTML; |
| 32 | + - Basic Structure of an HTML Document: |
| 33 | + - Anatomy of an HTML Document (`<!DOCTYPE>`, `<meta>`, `<head>`, `<body>`); |
| 34 | + - Essential HTML Tags: |
| 35 | + - Headings (`<h1>` to `<h6>`); |
| 36 | + - Paragraphs and Text Formatting (`<strong>`, `<em>`, `<mark>`, `<small>`, `<del>`); |
| 37 | + - Lists (`<ol>`, `<ul>`, `<li>`); |
| 38 | + - Hyperlinks (`<a>`); |
| 39 | + - Images (`<img>`); |
| 40 | + - Tables (`<table>`, `<tr>`, `<td>`, `<th>`); |
| 41 | + - Line Breaks (`<br>`) and Horizontal Rules (`<hr>`); |
| 42 | + - Forms and User Input: |
| 43 | + - Text Inputs, Radio Buttons, Checkboxes (`<input>`) |
| 44 | + - Select Menus and Option Elements (`<select>`, `<option>`) |
| 45 | + - Submit and Reset Buttons (`<select>`, `<option>`) |
| 46 | + - Form Validation Basics (`<input>`); |
| 47 | + - Advanced Form Features (`<input>`); |
| 48 | + - Best Practices in Form Design; |
| 49 | + - Practical Examples and Exercises; |
| 50 | + - HTML5 and Semantic Elements: |
| 51 | + - The Importance of Semantic Markup; |
| 52 | + - Commonly Used Semantic Elements (`<article>`, `<section>`, `<nav>`, `<header>`, `<footer>`); |
| 53 | + - Practical Applications and Real-World Scenarios; |
| 54 | + - SEO and Semantic HTML; |
| 55 | + - Advanced HTML Features: |
| 56 | + - Multimedia (`<audio>`, `<video>`); |
| 57 | + - Canvas (`<canvas>`); |
| 58 | + - Geolocation; |
| 59 | + - Web Storage (Local Storage, Session Storage); |
| 60 | + - Drag and Drop; |
| 61 | + - Iframes (`<iframe>`); |
| 62 | + - SVG (Scalable Vector Graphics) (`<svg>`); |
| 63 | + - Data Attributes (`data-*`); |
| 64 | + - CSS Integration with HTML: |
| 65 | + - Basics of Cascading Style Sheets (CSS); |
| 66 | + - Types of CSS (Inline, Internal, External); |
| 67 | + - CSS Frameworks; |
| 68 | + - CSS Preprocessors; |
| 69 | + - Flexbox and Grid Layouts; |
| 70 | + - Introduction to JavaScript with HTML: |
| 71 | + - Embedding JavaScript in HTML; |
| 72 | + - External JavaScript Files; |
| 73 | + - DOM Manipulation; |
| 74 | + - Event Handling; |
| 75 | + - Building Responsive Web Designs: |
| 76 | + - Mobile-First Approach; |
| 77 | + - Flexible Layouts and Units; |
| 78 | + - Content Prioritization; |
| 79 | + - Optimized Images and Media; |
| 80 | + - Testing and Iteration; |
| 81 | + - Web Accessibility; |
| 82 | + - SEO Basics with HTML; |
| 83 | + - HTML Best Practices and Performance Optimization; |
| 84 | + - HTML5 APIs and Advanced Features: |
| 85 | + - Geolocation API; |
| 86 | + - Web Storage API; |
| 87 | + - Canvas API; |
| 88 | + - Web Workers; |
| 89 | + - WebSocket API; |
| 90 | + - Drag and Drop API; |
| 91 | + - Audio and Video API; |
| 92 | + - File API; |
| 93 | + - WebRTC API; |
| 94 | + - Media Capture and Streams API; |
| 95 | + - Offline Applications and Service Workers; |
| 96 | + - Common Challenges and Debugging Tips; |
| 97 | + - Additional Resources and Reading Materials; |
| 98 | + - **Much More!** |
| 99 | +4. Real Life examples ✅ |
| 100 | +5. The book & course explains the topic fully in-depth 🔬 |
| 101 | +6. 120 **unique** interactive `Tap2Play` CodeSandboxes 🕹️ |
| 102 | + |
| 103 | +## ☝️ Course Updates |
| 104 | + |
| 105 | +**[v1.0.0](../../releases/tag/v1.0.0): October 28, 2024.** |
| 106 | + |
| 107 | +## 🙋♀️ & 🙋♂️ Contribution |
| 108 | + |
| 109 | +We are so thankful for every contribution, which makes sure we can deliver top-notch content. Whenever you find a missing resource, broken link in a [Table of Contents](#table-of-contents), the wrong answer, please submit an [issue](../../issues). Even better would be a [Pull Request (PR)](../../pulls). |
| 110 | + |
| 111 | +## Who this course is for: |
| 112 | + |
| 113 | +- 👨🎓 Enthusiasts of practical education; |
| 114 | +- 👨🎓 Everyone who has heard about HTML and would like to know more; |
| 115 | +- 👨🎓 Professionalists daily working with technology who want to have a basic grasp of what programming is without burnout; |
| 116 | +- 👨🎓 Sceptical Developers about book & course solely focused on HTML; |
| 117 | +- 👨🎓 Self-paced Learners for whom expensive Bootcamps are unaffordable; |
| 118 | +- 👨🎓 Students interested in Web Development; |
| 119 | +- 👨🎓 Students willing to start a career in Software Development; |
| 120 | +- 👨🎓 Web Developers willing to know A to Z about HTML; |
| 121 | + |
| 122 | +## Requirements |
| 123 | + |
| 124 | +- 🤩 Excitement to learn! |
| 125 | +- 0️⃣ Prior knowledge is required; |
| 126 | +- ✅ You can learn HTML solely based on our course. |
| 127 | + |
7 | 128 | ## Table of Contents |
8 | 129 |
|
9 | 130 | - [Introduction to HTML](#introduction-to-html) |
|
0 commit comments