Ultimate Web Developer Course: Build 10 Websites from Scratch

191 Enrolled

32.5 Hours

Deal Price$20.00

Suggested Price$200.00

You save 90%

402 Lessons (32.5h)

Learn how to Build Websites
1 Introduction to Course7:31
2 How to use this course7:49
3 Course resources overview6:20
4 Best Web Resources7:26
5 Getting your website online2:53
6 what is HTML CSS and JavaScript5:59
7 Resource List
HTML Foundations for building websites
8 Introduction to learning HTML2:21
9 Basics of HTML7:03
10 How to create a basic HTML template11:38
11 Basic HTML template source
12 Headings Paragraphs and Line Breaks Content Structuring7:32
13 Adding images into HTML5:10
14 Ordered Lists Unordered Lists3:51
15 Hyperlinks Relative paths vs Absolute Paths8:07
16 Divs and Spans Tel and Mailto9:00
17 HTML5 Semantic Elements5:14
18 Transfer build content to editor2:32
19 HTML page structure
20 How to create HTML forms8:24
21 HTML5 Input types13:02
22 Additional Form Elements4:55
23 Form Resources
24 HTML conclusion5:01
CSS Foundations for building websites
25 CSS introduction2:33
26 CSS selecting elements from HTML8:47
27 Working with CSS colors5:25
28 CSS Background options7:06
29 Adding Fonts3:02
30 Pseudo classes and design patterns4:47
31 Using the Float property5:55
32 Box Model Margins9:38
33 Box Model Padding shorthand4:20
34 CSS to create a navbar9:03
35 Display properties CSS3:14
36 CSS overflow handling2:39
37 CSS positioning elements3:40
38 CSS tweaks and updates8:25
39 Media Queries making your website Responsive11:05
40 HTML CSS summary2:57
41 Source Code
42 CSS Conclusion2:09
Quick JavaScript for building websites
43 Introduction to JavaScript Overview2:11
44 What is JavaScript2:22
45 How to add JavaScript in web pages5:17
46 Basics of JavaScript Dev Tools How to Comment and more10:55
47 Introduction to Variables within JavaScript11:05
48 Understanding Variables10:50
49 Source Code
50 Arrays and Objects8:03
51 Working with Arrays and Objects9:25
52 Using and updating array values10:53
53 Source Code
54 Introduction to Functions7:59
55 Local Global Variables in functions3:36
56 Source Code
57 Ternary Comparison9:03
58 Conditional Statements5:54
59 Switch Statements4:55
60 Source Code
61 Introduction to looping4:59
62 JavaScript For Loops6:43
63 Source Code
64 Introduction to the Document Object Model6:13
65 Accessing Page Elements from JavaSCript4:29
66 Selecting Elements via JavaScript8:44
67 Source Code
68 Updating CSS with JavaScript7:27
69 Source Code
70 JavaScript Events5:06
71 Event Listeners selecting elements9:34
72 Source Code
73 addEventListener More events trigger options7:00
74 Source Code
75 What can you do with JavaScript3:58
76 JavaScript Overview Conclusion2:42
Quick jQuery for building websites
77 Introduction to using jQuery2:21
78 What is jQuery and why do we use it5:12
79 Getting Started with jQuery6:17
80 jQuery Selectors6:08
81 Each value from mulitple selector elements4:06
82 Updating elements via jQuery7:11
83 Source Code
84 CSS selectors and jQuery selectors2:15
85 Introduction to event binding2:33
86 Event Listeners jQuery Mouse Events6:39
87 Source Code
88 Keyboard event triggers6:08
89 Source Code
90 Resize and Scroll event listeners on window object7:06
91 Source Code
92 Finding input values from form jQuery6:23
93 jQuery Traversing elements7:34
94 Select elements from HTML content5:21
95 Source Code
96 jQuery working with CSS7:29
97 Source Code
98 Hide and Show page sections9:10
99 jQuery effects Fading4:03
100 JQuery Sliding Effects4:33
101 Source Code
102 jQuery Animate10:35
103 Source Code
104 jQuery AJAX made easy JSON and more5:32
105 Loading data into HTML via jQuery6:44
106 jQuery AJAX get getJSON9:21
107 AJAX with jQuery9:51
108 Source Code
109 jQuery Conclusion2:16
110 Resources
111 using map and each within jQuery7:10
112 Source Code
What is Bootstrap
113 Introduction to using Bootstrap2:04
114 What is Bootstrap and how do you use it11:48
115 Bootstrap Containers6:26
116 Source Code
117 Bootstrap Grid System10:22
118 Grid Source Code
119 How to practice and learn the Bootstrap Grid4:20
120 Bootstrap Containers Jumbotron6:14
121 Bootstrap typography5:54
122 Typography Source Code
123 Amazing Bootstrap Table stlying options8:51
124 Table Source Code
125 Bootstrap Form inputs8:58
126 Button options with Bootstrap11:23
127 Button Source Code
128 Typography options3:43
129 Source Code
130 Bootstrap images and alignments6:29
131 Image Source Code
132 Bootstrap Alerts8:48
133 Alerts Source Code
134 Bootstrap Navbar8:06
135 Responsive Navbar Bootstrap9:36
136 Navbar Source Code
137 Carousel image slider with Bootstrap12:40
138 Bootstrap Carousel indicators3:27
139 Carousel Source Code
140 Buidling a modal within Bootstrap9:38
141 Creating a Modal Complete2:37
142 Modal Source Code
143 Bootstrap Utility classes6:41
144 Source Code
145 Bootstrap Conclusion Resources4:06
146 Resources
147 Conclusion to Bootstrap Section2:41
Create a quick simple website using HTML and CSS
148 Website 1 Introduction2:05
149 HTML and WireFrame5:25
150 Build HTML structure5:46
151 Source Code
152 Add Placeholder content4:21
153 Add Styling to HTML Structure6:21
154 How to turn Unorderd List into a Navbar9:00
155 Source Code
156 Media Screen Sizes make it responsive5:40
157 Responsive Columns9:54
158 Clear Floating update sections7:20
159 Google Fonts and Customizing6:54
160 Source Code HTML
161 Source Code CSS
162 Website 1 Conclusion2:14
Build a single Page responsive website
163 Introduction Website 22:40
164 Create a wireframe of website2:23
165 Build HTML page structure in prep for Styling8:21
166 Build Navigation Menu and Page Content9:54
167 Build HTML tags Nesting of Semantic Elements8:48
168 Adding Styling to your webpage9:55
169 Linking to Libraries Google Fonts and more7:20
170 Sticky Headers Section Styling8:37
171 Build a navigation bar with CSS6:36
172 Add background images7:30
173 Section text rgba2:37
174 CSS media for responsive web design6:23
175 Update menu to be Responsive on resize5:40
176 Introduction to JavaScript and jQuery6:52
177 Add Click events create interactions for users5:07
178 use jQuery to get pixel position of HTML elements6:56
179 Scroll webpage dynamically3:45
180 Hide menu when clicked on small screen5:11
181 Final Fix of issues completed website5:20
182 Source Code
183 Source Code
184 Conclusion website 22:13
Bootstrap Template from Scratch
185 Website 3 Bootstrap introduction2:36
186 Website Structure7:05
187 Source Code
188 Add styling to sections4:59
189 Building a navigation menu7:27
190 Navbar with Bootstrap easy2:06
191 Source Code
192 Adding Buttons to elements7:55
193 Rows cols images made responsive8:08
194 Contact form using Bootstrap for styling9:23
195 Add background images7:27
196 jQuery Scrolling Effect5:24
197 Source Code
198 Adding modals7:11
199 Course Summary3:17
200 Source Code
201 Source Code
202 Source Code
203 Website 3 Conclusion2:53
Responsive Website Template
204 Website 4 Introduction Responsive Navbars3:10
205 Website Wireframe plan5:57
206 Build HTML Structure Layout8:40
207 Source Code
208 Floating Elements11:36
209 Update header elements4:56
210 Build nav menu CSS7:20
211 Source Code
212 Margins Padding Logo area update9:39
213 Source Code
214 Source Code
215 update styling nav menu updates10:08
216 Main wrapper update set selected item in menu7:02
217 Use jQuery to get URL page value9:00
218 jQuery Dynamic Classes5:18
219 Source Code
220 Add web fonts Google Fonts to website2:21
221 select page styling10:12
222 Images products resize8:31
223 Course Summary3:58
224 Source Code
225 Source Code
226 Source Code
227 Source Code
228 Website 4 Conclusion2:08
Two Column Responsive Website Template
229 Website 5 Columns Introduction2:01
230 Website Planning Design Sketch5:33
231 Building HTML structure8:33
232 HTML adding placeholder content9:49
233 Source Code
234 Create Stlying for webpage9:38
235 CSS source
236 Header positioning with CSS8:54
237 Create a Navigation Menu Bar9:51
238 Quick Fixes image and nav4:19
239 making a 2 column website6:31
240 Quick Tweaks of CSS4:53
241 Three Column Fat Footer Styling6:04
242 Source Code HTMl and CSS
243 Making your website Fully Responsive11:10
244 Updating media sizes6:14
245 Create additional web pages2:17
246 Source Code
247 Source Code
248 Website 5 Conclusion1:33
Simple Bootstrap Menu website
249 Website 6 Introduction to Bootstrap Navbars2:02
250 Website Planning5:04
251 Building HTML page Structure10:40
252 adding Bootstrap to a website5:09
253 Adding placeholder content2:20
254 Source Code HTML
255 Adding Default Styling6:30
256 Update Logo Slogan section5:57
257 Create a Navbar with Active element7:07
258 Index Page welcome message9:29
259 Source Code
260 Create a two column content area3:49
261 Create Footer Element2:27
262 Make it responsive3:34
263 Setting up font awesome4:27
264 Update navbar to be responsive4:05
265 JavaScript to Hide and Show Elements5:48
266 Source Navbar 1
267 Create another responsive Navbar11:59
268 Source Navbar 2
269 How to add Bootstrap JavaScript Library3:19
270 Add Bootstrap Menu NavBar8:45
271 Bootstrap Menu Navbar5:56
272 Source Navbar Bootstrap
273 Create website pages4:33
274 Online Code Editor2:03
275 Links and Resources
276 Website 6 Conclusion1:33
Single Page website with Parallax Website
277 Website 7 Parallax Backgrounds Introduction3:14
278 Create Wireframe of Website6:08
279 HTML structure create Navmenu5:28
280 Creating HTML sections5:08
281 Source Code
282 Placeholder content3:19
283 Apply CSS to HTML4:26
284 How to create a Navbar from UL8:08
285 Full page size sections and background defaults6:06
286 Add background images4:46
287 Make your text standout5:00
288 Tweaking the navbar for responsive effects8:02
289 Responsive Updates and Fixes8:23
290 Navbar for small screens3:25
291 Adding Footer and updating sections7:36
292 Source Code
293 Adding jQuery create event triggers7:09
294 jQuery binding window events3:12
295 Adding icon library2:33
296 Animate Scrolling with jQuery8:31
297 Slidemenu up jQuery3:07
298 Add Parallax effect6:37
299 Create a Contact Form9:56
300 Single Page Parallax site summary3:14
301 Source Code
302 Source Code CSS
303 Resources
304 Website 7 Conclusion2:09
Single Page Carousel Control Website
305 Website 8 Introduction2:07
306 Web Design Planning wireframe outline2:37
307 Web Design HTML structure7:48
308 Adding placeholder design content7:45
309 Setup Content Sections 100%7:59
310 Position Navbar5:35
311 Create floating navbar indicators8:25
312 Source Code
313 Quick introduction to jQuery3:09
314 jQuery to select elements with hash9:25
315 Animate Scroll jQuery6:53
316 jQuery Scroll window and mapping of section info9:11
317 Calculate which section the window is currently in6:52
318 Change calls to active on scroll6:37
319 HTML jQuery
320 Source Code CSS
321 website tweaks3:24
322 Making it responsive8:47
323 Update section content4:10
324 Pseudo Elements setup sections6:04
325 Final adjustments on design6:40
326 Source Code Conclusion2:03
327 Source Code
328 Website 8 Conclusion2:11
Multiple Page website from scratch with active class
329 Website 9 Introduction mutiple page multiple column2:47
330 Website Planning wireframe design6:49
331 Create parent elements HTML structure6:57
332 Add resources and dummy placeholder content4:33
333 Apply Styling to HTML top level elements5:33
334 Navbar setup and styling12:00
335 Creating a content wrapper2:39
336 Creating a header3:05
337 Source Code
338 Setting up sections sidebar and footer7:03
339 CSS tweaks and fixes4:51
340 Add media queries make it responsive7:27
341 Add additional media queries4:20
342 Source Code
343 Setup responsive navbar5:11
344 Setup menu for toggle of class3:20
345 Source Code
346 Add jQuery event trigger8:02
347 Source Code
348 Setting classes on the fly11:46
349 Page Tweaks and options4:55
350 Source Code
351 Create additional pages for website8:18
352 update contact form6:19
353 Source Code
354 Website 9 Conclusion2:00
Single Page Bottom Menu website
355 Introduction website 10 HTML CSS jQuery together2:28
356 Wireframe planning of website4:53
357 Web Design HTML Page structure6:14
358 Add placeholder content to prepare for stlying5:19
359 Setup CSS defaults3:58
360 Create a sticky Footer position it at the bottom4:36
361 Source Code
362 Navbar coding options for styling9:32
363 Navbar code
364 Add styling to sections8:35
365 Source Code
366 Add section background covers6:49
367 Image tweaks and adjustments to CSS6:55
368 Header update style4:39
369 Contact form styling7:31
370 HTML CSS Source Code
371 Add jQuery to website4:19
372 Animate scrolling of webpage6:53
373 update classes on scroll9:44
374 Source Code jQuery
375 Google Fonts and Background shadows6:27
376 How to add social icons5:55
377 Resources to update CSS and customize6:41
378 Final Updates3:57
379 Source Code
380 Website 10 Conclusion2:02
Making a Contact form
381 Introduction to making a contact form3:58
382 Create HTML Bootstrap structure6:52
383 Create form structure8:57
384 Add PHP session holder9:18
385 Source Code
386 PHP Get Post Data11:28
387 AnitSpam Check using PHP5:21
388 PHP send Email7:03
389 Upload file and send email to email address4:31
390 PHP form Fixes2:04
391 Source Code
392 jQuery Form Check setup4:17
393 jQuery Toggle Error messages10:01
394 Web Contact Form live Test2:49
395 Web Contact Form Tweaks and Adjustments5:42
396 Source Code
Code Snippets in Action Just Useful code for web development
397 Code Snippets Introduction2:25
398 Popup Images using JavaScript8:46
399 Source Code
400 Mouse Event Listeners JavaScript10:32
401 Source Code
Conclusion & resources
402 Complete Websites Conclusion3:35

DescriptionInstructorImportant DetailsRelated Products

Start Your Web Development Career by Building A Portfolio Through This Course

Laurence SvekisProviding Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert, having professional experience in a wide range of digital areas: from Search Marketing, Video Marketing, Content Creation, User Experience, application architecture, to web programming.

After launching his first websites he quickly realized that to get traffic on your site you need to be able to market online. Researching and using personal experimentation as to what are the most successful ways to effectively drive traffic to his websites, he was able to successfully build multiple success eCommerce sites. He used his expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, he had identified it as an excellent opportunity to drive traffic and connect with users. He created many successful sites that integrated with Myspace and then later into Facebook. He was able to monetize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms..

Applications he has created have entertained, informed and engaged tens of millions of people and he has over billions of page views on various platforms.

Description

It's no secret that web development is a booming industry, with just about every business on earth vying for an internet presence. The people who make that web presence possible are getting paid big bucks, both as in-house employees and as independent contractors. In this massive course, you'll learn how to become a web developer yourself by building 10 complete websites that you can leverage to get jobs building websites.

Access 402 lectures & 32.5 hours of content 24/7
Explore how HTML, CSS, & JavaScript work together to build dynamic, interactive websites
Learn HTML, CSS, JavaScript, & jQuery
Gain access to multiple examples of source code being used in each individual project
Supercharge your profile w/ 10 modern websites

Specs

Details & Requirements

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: beginner

Compatibility

Internet required

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...