Programming with HTML, CSS, and JavaScript

Programming with HTML, CSS, and JavaScript

In this fast-paced course, you'll learn the fundamentals of client-side web development, starting with the basics of HTML for structuring content. We will cover various HTML elements, attributes, and techniques for building a well-structured web page. Next, you'll dive into CSS to learn about styling your web pages with various properties and selectors, making your content visually appealing. Finally, we will explore JavaScript, a powerful programming language that allows you to add interactivity and dynamic content to your websites. Throughout the course, you'll have the opportunity to work on practical exercises and hands-on examples, solidifying your knowledge and preparing you for real-world web development projects.

Benefits

  1. Comprehensive Coverage: Our courseware covers a wide range of topics, from HTML and CSS fundamentals to JavaScript programming, ensuring a well-rounded understanding of web development.
  2. Practical Examples: The course is packed with hands-on examples and exercises, allowing you to apply your knowledge and build confidence in your web development skills.
  3. Hands-on Learning: We emphasize learning by doing, ensuring that you get plenty of opportunities to practice and refine your web development skills throughout the course.
  4. Engaging Content: Our course content is designed to be engaging and enjoyable, making it easier for you to stay focused and motivated as you learn.
  5. Experienced Authors: Our courseware is developed by experts in the field of web development, ensuring that you receive high-quality, up-to-date, and relevant training.

Outline

  1. A Quick Overview of Web Development
  2. HTML is Part of a Team
  3. Client-side Programming
  4. Server-side Programming
  5. Introduction to HTML
  6. A Simple HTML Document (Exercise)
  7. HTML Elements, Attributes, and Comments
  8. The HTML Skeleton
  9. Viewing the Page Source
  10. Special Characters
  11. History of HTML
  12. The lang Attribute
  13. Paragraphs, Headings, and Text
  14. Paragraphs
  15. Heading Levels
  16. Breaks and Horizontal Rules
  17. The div Tag
  18. Creating an HTML Page (Exercise)
  19. Quoted Text
  20. Preformatted Text
  21. Inline Semantic Elements
  22. Adding Inline Elements (Exercise)
  23. HTML Links
  24. Text Links
  25. Absolute vs. Relative Paths
  26. Targeting New Tabs
  27. Email Links
  28. Adding Links (Exercise)
  29. Lorem Ipsum
  30. The title Attribute
  31. Targeting a Specific Location on the Page
  32. HTML Images
  33. Inserting Images
  34. Image Links
  35. Adding Images to the Page (Exercise)
  36. Providing Alternative Images
  37. HTML Lists
  38. Unordered Lists
  39. Ordered Lists
  40. Definition Lists
  41. Creating Lists (Exercise)
  42. Sectioning a Web Page
  43. Semantic Block-Level Elements
  44. Articles vs. Sections
  45. Sectioning the Home Page
  46. Sectioning Content and Styling
  47. Sectioning the Pages (Exercise)
  48. Crash Course in CSS
  49. Benefits of Cascading Style Sheets
  50. CSS Rules
  51. Selectors
  52. Combinators
  53. Precedence of Selectors
  54. How Browsers Style Pages
  55. CSS Resets
  56. CSS Normalizers
  57. External Stylesheets, Embedded Stylesheets, and Inline Styles
  58. Creating an External Stylesheet (Exercise)
  59. Creating an Embedded Stylesheet (Exercise)
  60. Adding Inline Styles (Exercise)
  61. div and span
  62. Styling div and span (Exercise)
  63. Media Types
  64. Units of Measurement
  65. Inheritance
  66. CSS Fonts
  67. font-family
  68. @font-face
  69. font-size
  70. font-style
  71. font-variant
  72. font-weight
  73. line-height
  74. font
  75. Styling Fonts (Exercise)
  76. Color and Opacity
  77. About Color and Opacity
  78. Color and Opacity Values
  79. color
  80. opacity
  81. Adding Color and Opacity to Text (Exercise)
  82. CSS Text
  83. letter-spacing
  84. text-align
  85. text-decoration
  86. text-indent
  87. text-shadow
  88. text-transform
  89. white-space
  90. word-break
  91. word-spacing
  92. Text Properties (Exercise)
  93. JavaScript Basics
  94. JavaScript vs. EcmaScript
  95. The HTML DOM
  96. JavaScript Syntax
  97. Accessing Elements
  98. Where Is JavaScript Code Written?
  99. JavaScript Objects, Methods, and Properties
  100. Alerts, Writing, and Changing Background Color (Exercise)
  101. Variables, Arrays, and Operators
  102. JavaScript Variables
  103. A Loosely Typed Language
  104. Google Chrome DevTools
  105. Storing User-Entered Data
  106. Using Variables (Exercise)
  107. Constants
  108. Arrays
  109. Working with Arrays (Exercise)
  110. Associative Arrays
  111. Playing with Array Methods
  112. JavaScript Operators
  113. The Modulus Operator
  114. Playing with Operators
  115. The Default Operator
  116. Working with Operators (Exercise)
  117. JavaScript Functions
  118. Global Objects and Functions
  119. Working with Global Functions (Exercise)
  120. User-defined Functions
  121. Writing a JavaScript Function (Exercise)
  122. Returning Values from Functions
  123. Built-In JavaScript Objects
  124. Strings
  125. Math
  126. Date
  127. Helper Functions
  128. Returning the Day of the Week as a String (Exercise)
  129. Conditionals and Loops
  130. Conditionals
  131. Short-circuiting
  132. Switch / Case
  133. Ternary Operator
  134. Truthy and Falsy
  135. Conditional Processing (Exercise)
  136. Loops
  137. while and do…while Loops
  138. for Loops
  139. break and continue
  140. Working with Loops (Exercise)
  141. Array: forEach()
  142. Event Handlers and Listeners
  143. On-event Handlers
  144. Using On-event Handlers (Exercise)
  145. The addEventListener() Method
  146. Anonymous Functions
  147. Capturing Key Events
  148. Adding Event Listeners (Exercise)
  149. Benefits of Event Listeners
  150. Timers
  151. Typing Test (Exercise)
  152. The HTML Document Object Model
  153. CSS Selectors
  154. The innerHTML Property
  155. Nodes, NodeLists, and HTMLCollections
  156. Accessing Element Nodes
  157. Accessing Elements (Exercise)
  158. Dot Notation and Square Bracket Notation
  159. Accessing Elements Hierarchically
  160. Working with Hierarchical Elements (Exercise)
  161. Accessing Attributes
  162. Creating New Nodes
  163. Focusing on a Field
  164. Shopping List Application
  165. Logging (Exercise)
  166. Adding EventListeners (Exercise)
  167. Adding Items to the List (Exercise)
  168. Dynamically Adding Remove Buttons to the List Items (Exercise)
  169. Removing List Items (Exercise)
  170. Preventing Duplicates and Zero-length Product Names (Exercise)
  171. Manipulating Tables
  172. HTML Forms
  173. How HTML Forms Work
  174. The form Element
  175. Form Elements
  176. Buttons
  177. Creating a Registration Form (Exercise)
  178. Checkboxes
  179. Radio Buttons
  180. Adding Checkboxes and Radio Buttons (Exercise)
  181. Fieldsets
  182. Select Menus
  183. Textareas
  184. Adding a Select Menu and a Textarea (Exercise)
  185. HTML Forms and CSS
  186. JavaScript Form Validation
  187. Server-side Form Validation
  188. HTML Form Validation
  189. Accessing Form Data
  190. Form Validation with JavaScript
  191. Checking the Validity of the Email and URL Fields (Exercise)
  192. Checking Validity on Input and Submit Events
  193. Adding Error Messages
  194. Validating Textareas
  195. Validating Checkboxes
  196. Validating Radio Buttons
  197. Validating Select Menus
  198. Validating the Ice Cream Order Form (Exercise)
  199. Giving the User a Chance
  200. Regular Expressions
  201. Getting Started
  202. Regular Expression Syntax
  203. Backreferences
  204. Form Validation with Regular Expressions
  205. Cleaning Up Form Entries
  206. Cleaning Up Form Entries (Exercise)
  207. A Slightly More Complex Example

Required Prerequisites

None

Register Now
numbers
CWHCJ501
timer
Duration:
35
hours
payment
1747,00
(excluded VAT)
groups
Remote
notifications_active
Reg. deadline:
calendar_month
From 
to 

[

Contact us

]

info@esamatic.it
+39
349 64 30 690