Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Complete Web Developer Course Build 10 Websites from Scratch
Learn how to Build Websites
1 Introduction to Course
2 How to use this course
3 Course resources overview
4 Best Web Resources
5 Getting your website online
6 what is HTML CSS and JavaScript
7 Resource List
HTML Foundations for building websites
8 Introduction to learning HTML
9 Basics of HTML
10 How to create a basic HTML template
11 Basic HTML template source
12 Headings Paragraphs and Line Breaks Content Structuring
13 Adding images into HTML
14 Ordered Lists Unordered Lists
15 Hyperlinks Relative paths vs Absolute Paths
16 Divs and Spans Tel and Mailto
17 HTML5 Semantic Elements
18 Transfer build content to editor
19 HTML page structure
20 How to create HTML forms
21 HTML5 Input types
22 Additional Form Elements
23 Form Resources
24 HTML conclusion
CSS Foundations for building websites
25 CSS introduction
26 CSS selecting elements from HTML
27 Working with CSS colors
28 CSS Background options
29 Adding Fonts
30 Pseudo classes and design patterns
31 Using the Float property
32 Box Model Margins
33 Box Model Padding shorthand
34 CSS to create a navbar
35 Display properties CSS
36 CSS overflow handling
37 CSS positioning elements
38 CSS tweaks and updates
39 Media Queries making your website Responsive
40 HTML CSS summary
41 Source Code
42 CSS Conclusion
Quick JavaScript for building websites
43 Introduction to JavaScript Overview
44 What is JavaScript
45 How to add JavaScript in web pages
46 Basics of JavaScript Dev Tools How to Comment and more
47 Introduction to Variables within JavaScript
48 Understanding Variables
49 Source Code
50 Arrays and Objects
51 Working with Arrays and Objects
52 Using and updating array values
53 Source Code
54 Introduction to Functions
55 Local Global Variables in functions
56 Source Code
57 Ternary Comparison
58 Conditional Statements
59 Switch Statements
60 Source Code
61 Introduction to looping
62 JavaScript For Loops
63 Source Code
64 Introduction to the Document Object Model
65 Accessing Page Elements from JavaSCript
66 Selecting Elements via JavaScript
67 Source Code
68 Updating CSS with JavaScript
69 Source Code
70 JavaScript Events
71 Event Listeners selecting elements
72 Source Code
73 addEventListener More events trigger options
74 Source Code
75 What can you do with JavaScript
76 JavaScript Overview Conclusion
Quick jQuery for building websites
77 Introduction to using jQuery
78 What is jQuery and why do we use it
79 Getting Started with jQuery
80 jQuery Selectors
81 Each value from mulitple selector elements
82 Updating elements via jQuery
83 Source Code
84 CSS selectors and jQuery selectors
85 Introduction to event binding
86 Event Listeners jQuery Mouse Events
87 Source Code
88 Keyboard event triggers
89 Source Code
90 Resize and Scroll event listeners on window object
91 Source Code
92 Finding input values from form jQuery
93 jQuery Traversing elements
94 Select elements from HTML content
95 Source Code
96 jQuery working with CSS
97 Source Code
98 Hide and Show page sections
99 jQuery effects Fading
100 JQuery Sliding Effects
101 Source Code
102 jQuery Animate
103 Source Code
104 jQuery AJAX made easy JSON and more
105 Loading data into HTML via jQuery
106 jQuery AJAX get getJSON
107 AJAX with jQuery
108 Source Code
109 jQuery Conclusion
110 Resources
111 using map and each within jQuery
112 Source Code
Bootstrap 4 Introduction
0 Setup Coding Environment
1 Get Bootstrap Setup Template
2 Source Code Bootstrap 4
3 Bootstrap Layout Containers
4 Introduction to the Grid
5 Do more with the Grid
6 Jumbotron Bootstrap 4
7 Margins and Padding Bootstrap
8 Bootstrap 4 Color Utilities
9 Bootstrap 4 Utilities
10 Bootstrap 4 Tables
11 Bootstrap Images Responsive
12 Bootstrap Buttons
13 Bootstrap 4 Forms
14 Button Grouping Radio and Checkboxes
15 Bootstrap 4 Alerts
16 Bootstrap 4 Badges
17 Bootstrap 4 Progress Bar
18 Bootstrap 4 Cards
19 Bootstrap List Group
20 NavBar Responsive Bootstrap
21 Nav List Bootstrap 4
22 Bootstrap 4 Carousel
23 Bootstrap Modals
New Bootstrap 4 Version Single Page Website
single page parallax website 4
1 Basic Bootstrap 4 Template Creation
2 Create Bootstrap NavBar
3 Header Section
4 Build Home Section
5 About Me Section
6 Bootstrap Cards Grid Columns
7 Create Contact Form Grid
8 Footer and Tweak Page
9 Add jQuery Animate
10 Project Review
Build a single Page responsive website
163 Introduction Website 2
164 Create a wireframe of website
165 Build HTML page structure in prep for Styling
166 Build Navigation Menu and Page Content
167 Build HTML tags Nesting of Semantic Elements
168 Adding Styling to your webpage
169 Linking to Libraries Google Fonts and more
170 Sticky Headers Section Styling
171 Build a navigation bar with CSS
172 Add background images
173 Section text rgba
174 CSS media for responsive web design
175 Update menu to be Responsive on resize
176 Introduction to JavaScript and jQuery
177 Add Click events create interactions for users
178 use jQuery to get pixel position of HTML elements
179 Scroll webpage dynamically
180 Hide menu when clicked on small screen
181 Final Fix of issues completed website
182 Source Code
183 Source Code
184 Conclusion website 2
Create a quick simple website using HTML and CSS
148 Website 1 Introduction
149 HTML and WireFrame
150 Build HTML structure
151 Source Code
152 Add Placeholder content
153 Add Styling to HTML Structure
154 How to turn Unorderd List into a Navbar
155 Source Code
156 Media Screen Sizes make it responsive
157 Responsive Columns
158 Clear Floating update sections
159 Google Fonts and Customizing
160 Source Code HTML
161 Source Code CSS
162 Website 1 Conclusion
Responsive Website Template
204 Website 4 Introduction Responsive Navbars
205 Website Wireframe plan
206 Build HTML Structure Layout
207 Source Code
208 Floating Elements
209 Update header elements
210 Build nav menu CSS
211 Source Code
212 Margins Padding Logo area update
213 Source Code
214 Source Code
215 update styling nav menu updates
216 Main wrapper update set selected item in menu
217 Use jQuery to get URL page value
218 jQuery Dynamic Classes
219 Source Code
220 Add web fonts Google Fonts to website
221 select page styling
222 Images products resize
223 Course Summary
224 Source Code
225 Source Code
226 Source Code
227 Source Code
228 Website 4 Conclusion
Two Column Responsive Website Template
229 Website 5 Columns Introduction
230 Website Planning Design Sketch
231 Building HTML structure
232 HTML adding placeholder content
233 Source Code
234 Create Stlying for webpage
235 CSS source
236 Header positioning with CSS
237 Create a Navigation Menu Bar
238 Quick Fixes image and nav
239 making a 2 column website
240 Quick Tweaks of CSS
241 Three Column Fat Footer Styling
242 Source Code HTMl and CSS
243 Making your website Fully Responsive
244 Updating media sizes
245 Create additional web pages
246 Source Code
247 Source Code
248 Website 5 Conclusion
Single Page website with Parallax Website
277 Website 7 Parallax Backgrounds Introduction
278 Create Wireframe of Website
279 HTML structure create Navmenu
280 Creating HTML sections
281 Source Code
282 Placeholder content
283 Apply CSS to HTML
284 How to create a Navbar from UL
285 Full page size sections and background defaults
286 Add background images
287 Make your text standout
288 Tweaking the navbar for responsive effects
289 Responsive Updates and Fixes
290 Navbar for small screens
291 Adding Footer and updating sections
292 Source Code
293 Adding jQuery create event triggers
294 jQuery binding window events
295 Adding icon library
296 Animate Scrolling with jQuery
297 Slidemenu up jQuery
298 Add Parallax effect
299 Create a Contact Form
300 Single Page Parallax site summary
301 Source Code
302 Source Code CSS
303 Resources
304 Website 7 Conclusion
Single Page Carousel Control Website
305 Website 8 Introduction
306 Web Design Planning wireframe outline
307 Web Design HTML structure
308 Adding placeholder design content
309 Setup Content Sections 100%
310 Position Navbar
311 Create floating navbar indicators
312 Source Code
313 Quick introduction to jQuery
314 jQuery to select elements with hash
315 Animate Scroll jQuery
316 jQuery Scroll window and mapping of section info
317 Calculate which section the window is currently in
318 Change calls to active on scroll
319 HTML jQuery
320 Source Code CSS
321 website tweaks
322 Making it responsive
323 Update section content
324 Pseudo Elements setup sections
325 Final adjustments on design
326 Source Code Conclusion
327 Source Code
328 Website 8 Conclusion
Multiple Page website from scratch with active class
329 Website 9 Introduction mutiple page multiple column
330 Website Planning wireframe design
331 Create parent elements HTML structure
332 Add resources and dummy placeholder content
333 Apply Styling to HTML top level elements
334 Navbar setup and styling
335 Creating a content wrapper
336 Creating a header
337 Source Code
338 Setting up sections sidebar and footer
339 CSS tweaks and fixes
340 Add media queries make it responsive
341 Add additional media queries
342 Source Code
343 Setup responsive navbar
344 Setup menu for toggle of class
345 Source Code
346 Add jQuery event trigger
347 Source Code
348 Setting classes on the fly
349 Page Tweaks and options
350 Source Code
351 Create additional pages for website
352 update contact form
353 Source Code
354 Website 9 Conclusion
Single Page Bottom Menu website
355 Introduction website 10 HTML CSS jQuery together
356 Wireframe planning of website
357 Web Design HTML Page structure
358 Add placeholder content to prepare for stlying
359 Setup CSS defaults
360 Create a sticky Footer position it at the bottom
361 Source Code
362 Navbar coding options for styling
363 Navbar code
364 Add styling to sections
365 Source Code
366 Add section background covers
367 Image tweaks and adjustments to CSS
368 Header update style
369 Contact form styling
370 HTML CSS Source Code
371 Add jQuery to website
372 Animate scrolling of webpage
373 update classes on scroll
374 Source Code jQuery
375 Google Fonts and Background shadows
376 How to add social icons
377 Resources to update CSS and customize
378 Final Updates
379 Source Code
380 Website 10 Conclusion
Quick Website Development Sample Site
0 Setup Editor
1 Quick Start Bootstrap
2 Page Quick Design
3 Splash Page Introduction
4 Bootstrap 4 NavBar
5 Bootstrap Grid
6 Bootstrap 4 Cards
8 Customize CSS
9 Bootstrap 4 Utilities
10 Bootstrap 4 Card options
11 Website Overview
12 Footer Sizing Spacing
Making a Contact form
381 Introduction to making a contact form
382 Create HTML Bootstrap structure
383 Create form structure
384 Add PHP session holder
385 Source Code
386 PHP Get Post Data
387 AnitSpam Check using PHP
388 PHP send Email
389 Upload file and send email to email address
390 PHP form Fixes
391 Source Code
392 jQuery Form Check setup
393 jQuery Toggle Error messages
394 Web Contact Form live Test
395 Web Contact Form Tweaks and Adjustments
396 Source Code
Code Snippets in Action Just Useful code for web development
397 Code Snippets Introduction
398 Popup Images using JavaScript
399 Source Code
400 Mouse Event Listeners JavaScript
401 Source Code
Conclusion & resources
402 Complete Websites Conclusion
Bootstrap 3 Content
113 Introduction to using Bootstrap
114 What is Bootstrap and how do you use it
115 Bootstrap Containers
116 Source Code
117 Bootstrap Grid System
118 Grid Source Code
119 How to practice and learn the Bootstrap Grid
120 Bootstrap Containers Jumbotron
121 Bootstrap typography
122 Typography Source Code
123 Amazing Bootstrap Table stlying options
124 Table Source Code
125 Bootstrap Form inputs
126 Button options with Bootstrap
127 Button Source Code
128 Typography options
129 Source Code
130 Bootstrap images and alignments
131 Image Source Code
132 Bootstrap Alerts
133 Alerts Source Code
134 Bootstrap Navbar
135 Responsive Navbar Bootstrap
136 Navbar Source Code
137 Carousel image slider with Bootstrap
138 Bootstrap Carousel indicators
139 Carousel Source Code
140 Buidling a modal within Bootstrap
141 Creating a Modal Complete
142 Modal Source Code
143 Bootstrap Utility classes
144 Source Code
145 Bootstrap Conclusion Resources
146 Resources
147 Conclusion to Bootstrap Section
Bootstrap Template from Scratch
185 Website 3 Bootstrap introduction
186 Website Structure
187 Source Code
188 Add styling to sections
189 Building a navigation menu
190 Navbar with Bootstrap easy
191 Source Code
192 Adding Buttons to elements
193 Rows cols images made responsive
194 Contact form using Bootstrap for styling
195 Add background images
196 jQuery Scrolling Effect
197 Source Code
198 Adding modals
199 Course Summary
200 Source Code
201 Source Code
202 Source Code
203 Website 3 Conclusion
Simple Bootstrap Menu website
249 Website 6 Introduction to Bootstrap Navbars
250 Website Planning
251 Building HTML page Structure
252 adding Bootstrap to a website
253 Adding placeholder content
254 Source Code HTML
255 Adding Default Styling
256 Update Logo Slogan section
257 Create a Navbar with Active element
258 Index Page welcome message
259 Source Code
260 Create a two column content area
261 Create Footer Element
262 Make it responsive
263 Setting up font awesome
264 Update navbar to be responsive
265 JavaScript to Hide and Show Elements
266 Source Navbar 1
267 Create another responsive Navbar
268 Source Navbar 2
269 How to add Bootstrap JavaScript Library
270 Add Bootstrap Menu NavBar
271 Bootstrap Menu Navbar
272 Source Navbar Bootstrap
273 Create website pages
274 Online Code Editor
275 Links and Resources
276 Website 6 Conclusion
379 Source Code
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock