00001 Introduction to Front-end Web Design and Development.mp4
02:08
00002 Learning to Code in HTML.mp4
06:07
00003 Writing HTML Code.mp4
07:09
00004 Creating Websites Using Modern HTML and HTML5 Coding.mp4
02:07
00005 Designing your First HTML Page and Resources for HTML.mp4
07:23
00006 Creating an HTML Template.mp4
06:15
00007 What are HTML Elements.mp4
05:46
00008 Setting Four Headings and Making Text Bold.mp4
07:01
00009 Applying HTML Tags - Coding Challenge.mp4
05:28
00010 Text Formats in HTML.mp4
10:02
00011 Adding Comments in HTML.mp4
02:35
00012 Making Links with the HTML Anchor Tag.mp4
09:51
00013 Applying HTML Tags HTML Exercise.mp4
07:12
00014 Adding a MailTo Link in HTML..mp4
02:58
00015 Adding Images in HTML.mp4
06:36
00016 Social Profile Linking Exercise.mp4
04:27
00017 Creating Lists in HTML and Understanding HTML List Options Unordered List UL Ordered List OL Definition List DL.mp4
06:44
00018 Adding HTML Tables to your Web Pages Using the Table Tag.mp4
08:55
00019 Go Back In Time Coding Challenge.mp4
11:10
00020 Creating HTML Block and Inline Elements.mp4
03:49
00021 What are HTML5 Semantic Elements.mp4
06:39
00022 Creating a Free Website through GitHub Pages.mp4
03:50
00023 Creating and Uploading a Resume with HTML.mp4
07:34
00024 New Form Elements in HTML5 - Explained with Examples.mp4
08:46
00025 Creating Forms with HTML tags.mp4
08:33
00026 Learning about Form Field Options with HTML5 Tags.mp4
16:02
00027 Using the fieldset tag.mp4
01:23
00028 iframe Tag in HTML.mp4
06:47
00029 Adding audio and video Tags in HTML.mp4
04:17
00030 HTML Meta Tags and Their Functions.mp4
05:44
00031 Common Tags with Source Files and Understanding Web Design Tags.mp4
05:03
00032 Debugging and Commenting on the Code.mp4
05:26
00033 Section Introduction.mp4
01:01
00034 Setting up a Page for a Website.mp4
03:32
00035 viewport Meta Tag in HTML.mp4
05:03
00036 Basic Page Structure in HTML.mp4
08:24
00037 Creating More Page Template.mp4
07:28
00038 HTML Tables.mp4
10:25
00039 Adding a Dummy Text and Placeholder Images.mp4
04:22
00040 Finding Editable Content Using Contenteditable.mp4
02:21
00041 Dynamic Form Values in HTML5.mp4
05:47
00042 HTML5 Canvas Drawing with JavaScript.mp4
06:19
00043 Introduction to Cascading Style Sheets CSS and Applying CSS to Web Pages.mp4
02:03
00044 What is Cascading Style Sheets CSS and How It Works.mp4
04:02
00045 Adding Cascading Style Sheets CSS to Web Pages and Understanding CSS Syntax.mp4
03:48
00046 Writing Cascading Style Sheets CSS for Designing Modern Web Pages.mp4
11:54
00047 Adding Comments on Cascading Style Sheets CSS Codes.mp4
02:21
00048 What are Cascading Style Sheets CSS Selectors and How to Use them to Get Page Elements.mp4
04:56
00049 Cascading Style Sheets CSS Color Units.mp4
12:11
00050 Setting the Background Color in Cascading Style Sheets CSS Coding Challenge.mp4
04:54
00051 Adding Cascading Style Sheets CSS Background Images and Setting Background Properties and Values.mp4
12:13
00052 Adjusting the Background Image Size and Understanding the Position Options in Cascading Style Sheets CSS.mp4
05:11
00053 Setting Element Height and Width with Cascading Style Sheets CSS.mp4
07:12
00054 Using Chrome DevTools for Web Designing and Web Development.mp4
05:20
00055 Setting Cascading Style Sheets CSS Units and Highlighting Values and Options for CSS Units.mp4
03:41
00056 Adding and Creating Cascading Style Sheets CSS Borders.mp4
11:33
00057 Applying Margins to Elements on the Web Page with Cascading Style Sheets CSS.mp4
09:02
00058 What is Cascading Style Sheets CSS Padding and How to Set Element Padding Values.mp4
08:45
00059 What is the Box Model and How it Works in Cascading Style Sheets CSS.mp4
03:59
00060 Creating Outlines for HTML elements Using Cascading Style Sheets CSS Outline Properties.mp4
03:08
00061 What are Cascading Style Sheets CSS Pseudo-classes.mp4
08:00
00062 What are Cascading Style Sheets CSS Pseudo-elements and How to Write CSS Code for Pseudo-elements.mp4
07:13
00063 Adding Font Styles Selecting Web Fonts and Updating a Font Family.mp4
05:01
00064 Adding Google Fonts to Your Website Using Cascading Style Sheets CSS.mp4
04:06
00065 Adding FontAwesome Icons to a Page.mp4
02:52
00066 Exploring Text and More Font Property Options and Values in Cascading Style Sheets CSS.mp4
07:48
00067 Setting the Value of the Cascading Style Sheets CSS Display Property.mp4
09:45
00068 Making a Navigation Bar Turn the HTML List Items into a Navbar - Coding Challenge.mp4
05:49
00069 Setting the Value of the Cascading Style Sheets CSS Position Property.mp4
09:15
00070 What is the z-index Cascading Style Sheets CSS property and How to Set it in CSS.mp4
01:41
00071 Handling the Overflow of the Element Content.mp4
03:30
00072 Sidebar Nav Website Project.mp4
11:30
00073 Setting the Cascading Style Sheets CSS Float Property.mp4
05:13
00074 Creating a Website Using the Cascading Style Sheets CSS Float Property - Coding Challenge.mp4
09:02
00075 Creating a Website Image Gallery Using the Cascading Style Sheets CSS Float Property - Coding Challenge.mp4
08:29
00076 Updating the Mouse Cursor Pointer with Cascading Style Sheets CSS.mp4
01:58
00077 Using Cascading Style Sheets CSS Advanced Selectors and Understanding More Selection Options.mp4
08:33
00078 Making a Website Responsive Using Media Queries with Cascading Style Sheets CSS.mp4
05:33
00079 Working of Cascading Style Sheets CSS Selector Specificity.mp4
06:05
00080 Exploring More Cascading Style Sheet CSS and CSS3 to Design Your Website with Styling.mp4
01:08
00081 Creating the Cascading Style Sheet CSS Linear Gradients.mp4
07:03
00082 Creating the Cascading Style Sheet CSS Radial Gradients.mp4
07:05
00083 Creating Cascading Style Sheet CSS 2D Transforms.mp4
09:09
00084 Learning about Cascading Style Sheet CSS 3D Transforms and Applying CSS 3D Transforms.mp4
04:39
00085 Making Animations with Cascading Style Sheet CSS.mp4
06:03
00086 Creating Modern Website Layouts Using the CSS3 Responsive Web Design.mp4
01:54
00087 CSS FlexBox Layout and Creating a Layout with Flexbox.mp4
03:52
00088 Creating a Navbar Using Flexbox - Coding Challenge.mp4
05:34
00089 Applying Element Sizing with Flexbox.mp4
07:54
00090 Using Flexbox to Size Items on the Page.mp4
08:02
00091 Creating an Image Gallery Website - Coding Challenge.mp4
07:59
00092 Creating Websites with a Grid Layout.mp4
03:40
00093 Using the Cascading Style Sheets CSS Grid to Make Rows and Columns.mp4
04:54
00094 Making the Cascading Style Sheets CSS Grid Rows and Columns and Setting the Width.mp4
06:47
00095 What are Grid Items.mp4
07:50
00096 Setting the Cascading Style Sheets CSS Grid Area Names.mp4
05:53
00097 Creating Websites and Setting up and Designing Web Pages Using the CSS Grid - Coding Challenge.mp4
14:43
00098 Introduction Common Questions.mp4
01:10
00099 Exploring More about Cascading Style Sheets CSS Questions.mp4
06:37
00100 Box Model and its Workings.mp4
05:57
00101 Cascading Style Sheets CSS z-index and its Usage.mp4
06:04
00102 Pseudo-elements in Cascading Style Sheets CSS with Examples.mp4
07:16
00103 Pseudo-classes in Cascading Style Sheets CSS with Examples.mp4
04:44
00104 Box Sizing and Cascading Style Sheets CSS Box Model.mp4
12:35
00105 Cascading Style Sheets CSS Font Sizes.mp4
07:35
00106 Cascading Style Sheets CSS Challenges Introduction.mp4
02:13
00107 Adding Google Font.mp4
04:46
00108 Changing First Letter in Pseudo-classes.mp4
05:03
00109 2 Designing Columns Using Cascading Style Sheets CSS.mp4
05:57
00110 Centering Content Using Margin.mp4
03:01
00111 Hovering Elements in Pseudo-class.mp4
07:38
00112 Using Hover Anchor in Pseudo-class.mp4
03:54
00113 Creating Responsive Media Size.mp4
03:27
00114 Box Model Exercise.mp4
03:34
00115 Floating Images to the Left of the Text.mp4
06:02
00116 Introduction to JavaScript for Web Design to Make the Pages Interactive.mp4
02:36
00117 Writing Code with JavaScript.mp4
08:57
00118 Running JavaScript in a Browser.mp4
05:07
00119 JavaScript and HTML.mp4
10:34
00120 Adding Comments in JavaScript.mp4
03:53
00121 Output Options in JavaScript.mp4
06:12
00122 JavaScript Code Challenge Output Action Challenge.mp4
06:52
00123 Introduction to JavaScript Variables.mp4
06:40
00124 JavaScript Let and Const Variables.mp4
06:26
00125 Exploring Different Types of Data.mp4
06:47
00126 Creating User Input with a Prompt Code in JavaScript - Coding Challenge.mp4
05:36
00127 Template Literals in JavaScript using Backticks.mp4
06:13
00128 JavaScript Code Challenge Prompt Challenge.mp4
02:51
00129 Exploring JavaScript Type Conversion and Coercion.mp4
07:00
00130 Getting the Data Type Using the JavaScript Code - Coding Challenge.mp4
03:29
00131 What are JavaScript Operators and How to Use Them.mp4
03:45
00132 JavaScript Assignment Operators.mp4
02:31
00133 JavaScript Comparison Operators.mp4
03:30
00134 JavaScript Truthy and Falsy Explained.mp4
02:25
00135 JavaScript If-Else and Else-If Conditional Statements.mp4
06:11
00136 Learning and Exploring the Code - Coding Challenge.mp4
05:53
00137 JavaScript Conditional Ternary Operator.mp4
05:26
00138 JavaScript Logical Operators Example.mp4
05:45
00139 JavaScript Switch Statement.mp4
04:55
00140 Creating a Simple Game Switch Friends with JavaScript - Coding Challenge.mp4
04:13
00141 JavaScript Functions.mp4
07:40
00142 JavaScript Function Parameters.mp4
07:04
00143 JavaScript Function Return.mp4
05:18
00144 JavaScript Function - Expression versus Function Declaration with Examples.mp4
06:47
00145 Function Scope in JavaScript.mp4
07:43
00146 JavaScript Function Closures with Examples.mp4
07:59
00147 JavaScript Function Recursion with Recursion Examples.mp4
04:36
00148 Using JavaScript Code to Create a Fun Game - Coding Challenge.mp4
06:43
00149 Immediately Invoked Function Expression IIFE JavaScript Function.mp4
05:35
00150 New Arrow Functions in JavaScript.mp4
04:51
00151 Creating Objects with JavaScript.mp4
09:16
00152 Learning More about JavaScript Objects Part 1.mp4
07:31
00153 Creating a Car Object Challenge - Coding Challenge.mp4
07:47
00154 Learning More about JavaScript Objects Part 2.mp4
06:07
00155 Creating JavaScript Objects.mp4
05:08
00156 Creating Arrays to Hold Data with JavaScript.mp4
08:37
00157 Adding Values within the JavaScript Array.mp4
06:57
00158 Using the Array Methods in JavaScript Part 1.mp4
06:58
00159 Using the Array Methods in JavaScript Part 2.mp4
10:55
00160 JavaScript Array Methods Advanced.mp4
11:04
00161 Creating JavaScript Loop iterations with JavaScript Code.mp4
04:57
00162 Getting Contents of an Array with a Loop.mp4
05:00
00163 Getting the Object Properties and Values with JavaScript to Loop Object Contents.mp4
01:57
00164 JavaScript Array Map Method - Example Code.mp4
03:12
00165 Creating Random Values Using JavaScript Math Object.mp4
08:16
00166 Getting the Current Date Object.mp4
08:52
00167 JavaScript Document Object Model DOM Introduction.mp4
03:19
00168 Introduction to the Dynamic and Interactive Webpage Content.mp4
06:47
00169 Selecting the Elements of JavaScript Document Object Model DOM.mp4
05:15
00170 Selecting Web Page Elements using JavaScript Element Selectors.mp4
09:11
00171 JavaScript Document Object Model DOM Element Selection Methods - Using Element QuerySelectorAll.mp4
05:58
00172 Learn about JavaScript Manipulation InnerContent.mp4
06:21
00173 Updating the Element Attributes Using JavaScript DOM.mp4
06:15
00174 Setting the Element Attribute Updates Using JavaScript Code.mp4
09:46
00175 Manipulating Page Elements - JavaScript and Classes.mp4
06:52
00176 Element Children and Traversing Web Page Elements Using JavaScript.mp4
07:39
00177 JavaScript Document Object Model DOM0 - More Traversing of Elements from the Web Page.mp4
04:16
00178 Updating and Applying the Element Manipulation Styles Using JavaScript.mp4
07:17
00179 Creating the Page Elements Using JavaScript Code.mp4
11:20
00180 Page Element Append-Prepend using JavaScript Code - Coding Challenge.mp4
03:19
00181 Removing an Element from a Webpage Using JavaScript Code.mp4
10:51
00182 Duplicating the Page Elements Using JavaScript Code.mp4
07:09
00183 Adding Event Listeners.mp4
10:38
00184 JavaScript Element Events Bubble and Capturing Event Listeners.mp4
08:12
00185 Doing Even More with JavaScript Event Listeners.mp4
06:49
00186 JavaScript Event Listeners for Keyboard Events.mp4
06:53
00187 Creating Dynamic Shopping List Using the JavaScript List Challenge Events - Coding Challenge.mp4
13:11
00188 Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites.mp4
01:17
00189 Learning about JavaScript Number Methods.mp4
05:50
00190 Learning about JavaScript String Part 1.mp4
11:02
00191 Learning about JavaScript String Methods - Part 2..mp4
10:35
00192 What is JavaScript Math Object.mp4
05:41
00193 Getting Random Items from Arrays.mp4
06:06
00194 Creating a Random Page Background - Coding Challenge.mp4
04:15
00195 Loading JavaScript once a Page is Loaded.mp4
03:22
00196 Moving Webpage Elements with JavaScript - Coding Challenge.mp4
09:52
00197 Writing the Date in JavaScript and Updating the Date Object.mp4
06:58
00198 Turning Objects into Strings and Strings into Objects using JSON.parse and JSON.stringify..mp4
05:00
00199 File Protocol versus HTTP Protocol.mp4
05:31
00200 What is Local Storage and How to Store Values in the Browser with JavaScript.mp4
05:40
00201 Setting up the Code to Run after a Timeout and Interval in JavaScript.mp4
08:37
00202 Creating JavaScript Prototypes.mp4
05:19
00203 Making an AJAX Request with JavaScript and Using the JavaScript Fetch Method.mp4
06:44
00204 Understanding the window.cancelAnimationFrame Method and window.requestAnimationFrame Method.mp4
06:45
00205 parseInt versus Number Methods.mp4
06:49
00206 JavaScript Switch Statement.mp4
07:45
00207 Using Continue and Break-in for loop and While Loop.mp4
06:03
00208 Keyboard Event Listeners.mp4
15:09
00209 Creating Page Elements and Adding them Dynamically on the Page.mp4
05:34
00210 Creating Elements and Building HTML for a Dice Game.mp4
24:40
00211 Creating a JavaScript Pop-up Modal.mp4
15:09
00212 Using requestAnimationFrame Method for Simple Counter.mp4
08:55
00213 Removing a Child node from JavaScript.mp4
09:07
00214 Quirks Mode in JavaScript.mp4
04:17
00215 Before and After Insert Triggers.mp4
09:35
00216 append and prepend Methods.mp4
07:58
00217 Introduction to Bootstrap.mp4
03:19
00218 Getting to Know Bootstrap.mp4
04:09
00219 Setting up Webpage Using Cascading Style Sheets CSS and JS files.mp4
08:51
00220 Finding out about Bootstrap Versions.mp4
02:20
00221 What is Grid Bootstrap 4.mp4
08:53
00222 Adding Bootstrap Classes and Styling to Your Webpage.mp4
06:30
00223 Setting up Images within Bootstrap..mp4
03:48
00224 Creating an Alert in Bootstrap.mp4
04:05
00225 Discovering Component Badges in Bootstrap..mp4
02:37
00226 Setting up Breadcrumbs Using Bootstrap Components.mp4
02:02
00227 Colorful Buttons with Bootstrap.mp4
06:44
00228 Using Cards within Bootstrap.mp4
09:45
00229 Creating a slideshow with Bootstrap Carousel.mp4
07:35
00230 Adding and Collapsing Elements Using Bootstrap.mp4
08:18
00231 Adding a Dropdown Fluxionality in Bootstrap.mp4
03:45
00232 Setting up Forms in Bootstrap and Field Style.mp4
09:19
00233 Standing out with the Bootstrap Components JumboTron.mp4
02:26
00234 Styling HTML Lists with Bootstrap.mp4
06:34
00235 Creating a Modal Pop-up using Bootstrap.mp4
09:02
00236 Creating a Responsive Bootstrap Nav Code.mp4
07:32
00237 Creating Mobile Responsive Navbar Using Bootstrap.mp4
11:01
00238 Creating Single Page Nav Scroll using Bootstrap Scrollspy.mp4
02:08
00239 Adding Pagination in Bootstrap.mp4
02:01
00240 Adding ToolTips and Pop-over in Bootstrap.mp4
04:07
00241 Adding Spinners and Progress Bars with Bootstrap 4 Styles.mp4
05:56
00242 Exploring Bootstrap Components.mp4
03:56
00243 Setting up a Single-page Website from Scratch.mp4
07:34
00244 Adding a Responsive Bootstrap Navbar.mp4
09:08
00245 Getting Social Icons with FontAwesome for the Website.mp4
04:57
00246 Cascading Style Sheets CSS Styles for Sections Responsive Website with Bootstrap Styling.mp4
07:44
00247 Creating a Responsive Website Using Bootstrap Cards.mp4
07:33
00248 Creating Webpages Columns and Rows Using the Bootstrap Grid.mp4
07:28
00249 Adding a Slideshow with the Bootstrap Carousel Component.mp4
11:20
00250 Creating a Custom Bootstrap Contact Form Using Bootstrap Form Styling Classes.mp4
08:40
00251 Creating Responsive Website Using Bootstrap.mp4
06:11
00252 Creating a Single-page Website with Scrollspy.mp4
11:57
00253 Complete Overview of Responsive Website from Scratch.mp4
04:36
00254 What is jQuery and How to Write jQuery Code.mp4
07:53
00255 Why Use jQuery.mp4
08:47
00256 JavaScript Versus jQuery and How to Use jQuery to Write Codes.mp4
09:53
00257 What is Document Ready and When to Use it.mp4
04:44
00258 Common jQuery Methods and How to Code in jQuery.mp4
05:15
00259 jQuery Arrows Methods.mp4
02:51
00260 Creating New Elements for the Page with jQuery Prepend and Append Methods.mp4
04:34
00261 Inserting Elements in jQuery.mp4
03:09
00262 Updating and Adding jQuery Attributes.mp4
04:09
00263 Creating an Element jQuery.mp4
05:48
00264 Returning Field Values.mp4
03:29
00265 Removing Elements from the Page with the jQuery Remove and Empty Methods.mp4
01:56
00266 Creating a jQuery Dynamic List - Coding Challenge.mp4
11:08
00267 Learning More about Code in jQuery..mp4
04:18
00268 Setting Images Attributes with jQuery.mp4
03:04
00269 Checkbox - Coding Challenge.mp4
06:42
00270 Setting Mouse Events with jQuery.mp4
04:41
00271 Setting Keyboard Events with jQuery and Adding Event Listeners with jQuery.mp4
08:03
00272 Adding Event Listeners in jQuery.mp4
09:33
00273 Setting jQuery Effects Hide Show and Fade.mp4
08:21
00274 Setting up the jQuery Slide Effect.mp4
03:35
00275 Using the jQuery Animate Method to Move Elements.mp4
10:23
00276 Creating Animations - Coding Challenge.mp4
08:33
00277 What is jQuery AJAX and Making AJAX Request Using jQuery Load and Get Methods.mp4
11:20
00278 Trying AJAX with jQuery - Coding Challenge.mp4
08:20
00279 Looping through jQuery Objects.mp4
07:39
00280 Traversing the Document Object Model DOM Tree with jQuery.mp4
08:07
00281 Using Filters to Find Elements with jQuery.mp4
09:30
00282 Learning more about jQuery with Code Snippets and Examples.mp4
02:30
00283 Creating a Simple Website from Scratch.mp4
02:08
00284 Tools and Resources.mp4
05:15
00285 Creating a Simple Cascading Style Sheets CSS Website.mp4
14:01
00286 Creating a Three-column Website.mp4
09:04
00287 Creating a Three-column Website Using Flexbox.mp4
03:31
00288 Creating a Three-column Website Using Cascading Style Sheets CSS Grid.mp4
06:07
00289 Creating an HTML Form Using Cascading Style Sheets CSS Grid.mp4
09:18
00290 Website Review and Conclusion.mp4
03:16
00291 Creating a Three-column Design Website from Scratch.mp4
01:59
00292 Website Planning.mp4
09:11
00293 Setting up the HTML Structure.mp4
05:31
00294 Applying Cascading Style Sheets CSS to HTML.mp4
04:07
00295 Setting up Page Content Columns.mp4
10:48
00296 Creating a Page Footer Using Cascading Style Sheets CSS.mp4
01:44
00297 Creating Responsive Columns Using Cascading Style Sheets CSS.mp4
03:51
00298 Creating a Navbar Maker using Cascading Style Sheets CSS.mp4
07:15
00299 Creating a Responsive Navbar using Cascading Style Sheets CSS.mp4
09:35
00300 Final Code Review Updates..mp4
03:40
00301 Fat Footer Website Design.mp4
02:19
00302 Setting up the HTML Code.mp4
03:09
00303 Website Wireframe.mp4
04:00
00304 Adding HTML Pages from a Wireframe..mp4
11:06
00305 Setting up Cascading Style Sheets CSS for a Page.mp4
07:35
00306 Setting up the Header and Footer Style.mp4
03:40
00307 Setting Up the Logo and Nav in the Header.mp4
07:44
00308 Creating Footer Styling using Cascading Style Sheets CSS.mp4
07:39
00309 Adding FontAwesome Social Icons.mp4
08:54
00310 Adding Copyright to the Footer.mp4
05:09
00311 Conclusion Fat Footer Website with the Flex Property.mp4
05:24
00312 Modern Website Design with Cascading Style Sheets CSS Grid Site.mp4
01:57
00313 Website Planning and Wireframe.mp4
04:10
00314 Creating an HTML Page Structure.mp4
06:31
00315 Adding Dummy Content using HTML.mp4
03:57
00316 Adding a Cascading Style Sheets CSS Grid.mp4
10:30
00317 Mobile-first Responsive Design.mp4
07:01
00318 Creating a Responsive Navbar.mp4
05:21
00319 Applying Styling Using Cascading Style Sheets CSS.mp4
03:25
00320 Creating a Header and Footer Using Cascading Style Sheets CSS.mp4
02:05
00321 Adding Color and Font Style.mp4
05:16
00322 Conclusion Cascading Style Sheets CSS Grid.mp4
06:30
00323 Single-page Site with a Sticky Navbar.mp4
01:30
00324 Setting up HTML for Webpage.mp4
03:24
00325 HTML Page Structure.mp4
04:58
00326 Creating a Page Header Using Cascading Style Sheets CSS.mp4
05:39
00327 Creating a Home Section Using Cascading Style Sheets CSS.mp4
04:02
00328 Styling Sections Using Cascading Style Sheets CSS.mp4
06:37
00329 Creating a Web Form.mp4
06:11
00330 Setting a Page Footer.mp4
02:30
00331 Creating Sticky Navbar.mp4
04:56
00332 Making the Website Responsive using Cascading Style Sheets CSS.mp4
06:56