Official Certification Course
Become a howto Developer
Master howto with our comprehensive, free interactive course. Pass the exam to earn your industry-recognized certificate. Includes interactive examples, quizzes, and a verifiable digital certificate upon completion.
howto
Course Syllabus
1W3Schools How TO - Code snippets for HTML, CSS and JavaScript
→
2How To Create an Icon Bar
→
3How To Create a Menu Icon
→
4How To Create an Accordion
→
5How To Create Tabs
→
6How To Create Vertical Tabs
→
7How To Create a Tab Header
→
8How To Create Full Page Tabs
→
9How To Change Tabs on Hover
→
10How To Create a Top Navigation Bar
→
11How To Create a Responsive Top Navigation Menu
→
12How To Create a Split Navigation Bar
→
13How To Create a Responsive Navigation Menu with Icons
→
14How To Create a Search Menu
→
15How To Create a Search Bar
→
16How To Create a Fixed Sidebar
→
17How To Create a Side Navigation Menu
→
18How To Create a Responsive Sidebar
→
19How To Create a Full screen Overlay Navigation
→
20How To Create an Off-Canvas Menu
→
21How To Create a Hoverable Side Navigation
→
22How To Create a Sidebar with Icons
→
23How To Create a Horizontal Scrolling Menu
→
24How To Create a Vertical Menu
→
25How To Create a Bottom Navigation Menu
→
26How To Create a Responsive Bottom Navigation Menu
→
27How To - Bottom Border Nav Links
→
28How To Create Right Aligned Menu Links
→
29How To Create Centered Menu Links
→
30How To Create Equal Width Menu Links
→
31How To Create a Fixed Menu
→
32How To Slide Down a Bar on Scroll
→
33How To Hide Menu on Scroll
→
34How To Shrink a Navigation Menu on Scroll
→
35How To Create a Sticky Navbar
→
36How To Place a Navigation Menu on an Image
→
37How To Create a Hoverable Dropdown Menu
→
38How To Create a Dropdown Menu With CSS and JavaScript
→
39How To Create a Cascading Dropdown
→
40How To Create a Dropdown Navigation Bar
→
41How To Create a Side Navigation Dropdown
→
42How To Create a Responsive Navbar with Dropdown
→
43How To Create a Subnavigation Menu
→
44How To Create a Dropup Menu
→
45How To Create a Mega Menu
→
46How To Create a Mobile Navigation Menu
→
47How To Create a Curtain Menu
→
48How To Create a Collapsed Sidebar
→
49How To Create a Collapsed Sidepanel
→
50How To Make a Pagination
→
51How To Make a Breadcrumb Navigation
→
52How To Create a Button Group
→
53How To Create a Vertical Button Group
→
54How To Create a Sticky Social Media Bar
→
55How To Create a Pill Navigation
→
56How To Create a Responsive Header
→
57How To Create a Slideshow
→
58How To Create a Slideshow
→
59How To Create Modal Images
→
60How To Create a Lightbox
→
61How To Create a Responsive Image Grid
→
62How To Create an Image Grid
→
63How To Create an Image Gallery
→
64How To Create an Image Gallery With Horizontal Scroll
→
65How To Create a Tab Image Gallery
→
66How To Create Image Hover Overlay Effects
→
67How To Create Image Hover Overlay Slide Effects
→
68How To Create an Image Overlay Zoom Effect
→
69How To Create an Image Overlay Icon
→
70How To Create an Image Overlay Icon
→
71How To Add Filter Effects to Images
→
72How To Create a Black and White Image
→
73How To Position Text Over an Image
→
74How To Add Text Blocks Over an Image
→
75How To Create an Image with Transparent Text
→
76How To Create a Full Page Image
→
77How To Add a Form to an Image
→
78How To Create a Hero Image
→
79How To Create a Blurred Background Image
→
80How To Change Background Image on Scroll
→
81How To Align Images Side By Side
→
82How To Create Rounded Images
→
83How To Create Avatar Images
→
84How To Create Responsive Images
→
85How To Center an Image
→
86How To Create a Thumbnail
→
87How To Add a Border to an Image
→
88How To Create a Meet The Team Page
→
89How To Create a Sticky Image
→
90How To Flip an Image
→
91How To Shake an Image
→
92How To Create a Portfolio Gallery
→
93How To Create a Portfolio Gallery with Filtering
→
94How To Create an Image Zoom
→
95How To Create an Image Magnifier Glass
→
96How To Compare Two Images
→
97How To Add a Favicon in HTML
→
98How To Create Alert Buttons
→
99How To Create Outline Buttons
→
100How To Create Split Buttons
→
101How To Animate Buttons With CSS
→
102How To - Fading Buttons
→
103How To Add a Button to an Image
→
104How To Create Social Media Buttons
→
105How To Create a Read More Read Less Button
→
106How To Create Loading Buttons
→
107How To Create a Download Button
→
108How To Create a Pill Button
→
109How To Create a Notification Button
→
110How To Create Icon Buttons
→
111How To Create Next and Previous Buttons
→
112How To Create a More Button in a Navigation Bar
→
113How To Create Full Width Buttons
→
114How To Create Text Buttons
→
115How To Create Round Buttons
→
116How To Create a Scroll Back To Top Button
→
117How To Create a Checkout Form with CSS
→
118How To Create a Contact Form with CSS
→
119How To Create a Register Form
→
120How To Create a Form with Icons
→
121How To Create an Email Newsletter with CSS
→
122How To Create a Stacked Form with CSS
→
123How To Create a Responsive Form with CSS
→
124How To Create a Popup Form With CSS
→
125How To Create a Responsive Inline Form With CSS
→
126How To Clear Input Field on Focus
→
127How To Hide Arrows From Number Input
→
128How To Copy to Clipboard
→
129How To Make an Animated Search Form
→
130How To Create a Search Button
→
131How To Create a Full Screen Search
→
132How To Add an Input Field in Navbar
→
133How To Create a Custom Checkbox and Radio Buttons
→
134How To Create Custom Select Menus
→
135How To Create a Toggle Switch
→
136How To Display Text when a Checkbox is Checked
→
137How To Detect Caps Lock
→
138How To Trigger Button Click on Enter
→
139How To Create a Password Validation Form
→
140How To Toggle Password Visibility
→
141How To Create a Form With Multiple Steps
→
142How To Create Autocomplete on an Input Field
→
143How To Turn Off Autocomplete for Input
→
144How To Remove Spellcheck from Form Elements
→
145How To Create a File Upload Button
→
146How To Add Validation For Empty Input Field with JavaScript
→
147How To Create a Filter/Search List
→
148How To Create a Filter/Search Table
→
149How To Filter Elements
→
150How To Search for Items in a Dropdown
→
151How To Sort a List
→
152How To Sort a Table
→
153How To Create A Zebra Striped Table
→
154How To Center a Table
→
155How To Create a Full Width Table
→
156How To Create a Nested Table
→
157How To Create Side-by-side Tables
→
158How To Create A Responsive Table
→
159How To Create a Comparison Table with CSS
→
160How To Create a Fullscreen Video Background
→
161How To Make a Modal Box With CSS and JavaScript
→
162How To Create a Delete Confirmation Modal
→
163How To Create a Timeline
→
164How To Create a Scroll Indicator
→
165How TO JS Progress Bar
→
166How To Create a Skill Bar CSS
→
167How To Create Range Sliders
→
168How To Create a Color Picker
→
169How To Create an Email Field
→
170How To Create Tooltips
→
171How To Display an Element on Hover
→
172How To Create Popups
→
173How To Create a Collapsible
→
174How To Make a Calendar using CSS
→
175How To Include HTML
→
176How To Create a To Do List
→
177How To Make a Loader
→
178How To Make a Badge with CSS
→
179How To Create a Simple Star Rating with CSS
→
180How To Create a User Rating Scorecard
→
181How To Create an Overlay
→
182How To Create Contact Chips
→
183How To Create a Card with CSS
→
184How To Create a Flip Card with CSS
→
185How To Create a Profile Card
→
186How To Create a Product Card
→
187How To Create an Alert Message Box
→
188How To Create a Callout Message Box
→
189How To Create Notes
→
190How To Create Labels
→
191How To Create a Ribbon with CSS
→
192How To Create a Tag Cloud with CSS
→
193How To Create Circles / Round Dots
→
194How To Style the HR Element with CSS
→
195How To Create a Coupon with CSS
→
196How To Create a List Group with CSS
→
197How To Create a List Group with Badges
→
198How To Create an Unordered List Without Bullets
→
199How To Create a Responsive Text
→
200How To Create Cutout Text
→
201How To Create a Glowing Text
→
202How To Create a Fixed Footer
→
203How To Create a Sticky Element
→
204How To Create Equal Height Columns
→
205How To Clear Floats (Clearfix)
→
206How To Create Responsive Floats
→
207How To Create a Snackbar / Toast
→
208How To Change The Browser To Fullscreen with JavaScript
→
209How To Draw on Scroll
→
210How To Create a Smooth Scrolling Effect
→
211How To Change Background Gradient on Scroll
→
212How To Create an On Scroll Fixed Header
→
213How To Shrink a Header on Scroll
→
214How To Create a Responsive Pricing Table
→
215How To Create a Parallax Scrolling Effect
→
216How To - Aspect Ratio / Height Equal to Width
→
217How To Create Responsive Iframes
→
218How To Toggle Like and Dislike
→
219How To Toggle Between Hiding And Showing an Element
→
220How To Toggle Between Dark and Light Mode
→
221How To Toggle Text
→
222How To Toggle Between Class Names
→
223How To Add a Class Name
→
224How To Remove a Class Name
→
225How To Change a Class Name
→
226How To Add Active Class To Current Element
→
227How To Create a Tree View
→
228How To Remove The Decimal Part of a Number In JavaScript
→
229How To Remove a Property from a JavaScript Object
→
230How To Detect Online Connectivity
→
231How To Find Out if an Element is Hidden
→
232How To Redirect to Another Webpage
→
233How To Format a Number with Two Decimals
→
234How To Zoom on Hover with CSS
→
235How To Create a 3D Flip Box with CSS
→
236How To Center an Element Vertically
→
237How To Center a Button in a DIV Element
→
238How To Center a List
→
239How To - Transition on Hover
→
240How To Create Arrows/Triangles with CSS
→
241How To Create Different Shapes with CSS
→
242How To Create a Download Link
→
243How To Make a DIV Full Height of the Browser Window
→
244How To Create a Browser Window with CSS
→
245How To Create a Custom Scrollbar
→
246How To Hide Scrollbars With CSS
→
247How To Force (Always Show) Scrollbars With CSS
→
248How To Create a Device Look with CSS
→
249How To Remove Contenteditable Border
→
250How To Change Input Placeholder Color
→
251How To Disable Resizing of Textarea
→
252How To Disable Text Selection in HTML/CSS
→
253How To Change Text Selection Color with CSS
→
254How To Change Bullet Color of a List
→
255How To Create a Vertical Line
→
256How To Create Dividers with CSS
→
257How To Create Text Dividers with CSS
→
258How To Animate Icons
→
259How To Create a Countdown Timer
→
260How To Create a Typing Effect
→
261How To Create a Coming Soon Page
→
262How To Create Chat Messages
→
263How To Create a Popup Chat Window
→
264How To Create A Split Screen
→
265How To Create Testimonials
→
266How To Create a Section Counter
→
267How To Create a Quotes Slideshow
→
268How To Create Closable List Items
→
269How To Specify Typical Device Breakpoints With Media Queries
→
270How To Create a Draggable HTML Element
→
271How To Use Media Queries in JavaScript
→
272How To Create a Syntax Highlighter
→
273How To JS Animate
→
274How To Get The Length of a String in JavaScript
→
275How To Use JavaScript Exponentiation
→
276How To Set Default Parameter Values for JavaScript Functions
→
277How To Generate a Random Number Between Two Numbers
→
278How To Sort an Array Numerically in JavaScript
→
279How To Use the Spread Operator (...) in JavaScript
→
280How To Scroll Into View With JavaScript
→
281How To Get The Current Date With JavaScript
→
282How To Get The Current URL With JavaScript
→
283How To Get The Current Screen Size/Browser Window
→
284How To Get an Element in an iframe
→
285How To Create a Free Website
→
286How To Make a Website
→
287How To Make a Static Website
→
288How To Host a Static Website
→
289How To Build a Website
→
290How To Make a Website with Bootstrap
→
291How To Make a Website with Bootstrap 4
→
292How To Make a Website with Bootstrap 5
→
293How To Create and View a Website on Your Computer
→
294How to Make a Link Tree Website
→
295How to create a portfolio
→
296How To Create an Online Resume
→
297How To Make a Restaurant Website
→
298How To Make a Business Website
→
299How To Make an HTML Book
→
300How To Center a Website
→
301How To Create a Contact Section
→
302How To Create an About Page
→
303How To Create a Header
→
304How To Create an Example Website
→
305How To Create a Two Column Layout
→
306How To Create a Three Column Layout
→
307How To Create a Four Column Layout
→
308How To Create an Expanding Grid
→
309How To Create a List Grid View
→
310How To Create a Mixed Column Layout
→
311How To Create Column Cards
→
312How To Create a Zig Zag Layout
→
313How To Create a Blog Layout
→
314How To Google Charts
→
315How To Google Fonts
→
316How To Google Font Pairings
→
317How to Set Up Google Analytics
→
318How To Create a Weight Converter With HTML and JavaScript
→
319How To Create a Temperature Converter With HTML and JavaScript
→
320How To Create a Length Converter With HTML and JavaScript
→
321How To Create a Speed Converter With HTML and JavaScript
→
322How To Get a Developer Job
→
323How To Become a Front-End Developer
→
324How do you hire developers?
→
325W3Schools How TO - Code snippets for HTML, CSS and JavaScript
→
326W3.CSS Template
→
Certificate of Completion
Pass the exam with 70% or higher to earn your official, verifiable certificate.
Exam Duration30 Mins
Questions20-30
Passing Score70%
Why learn howto?
- High demand in the job market
- Core technology for web development
- Foundation for advanced frameworks