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

‍