05-2020 responsive-web-design-tutorial-course-html5-css3-bootstrap

1. 06 Project 4_ Bootstrap Yogurt Website/098 Overview of what Bootstrap 4 is in website design.mp4286.06MB
2. 01 Getting Started/001 Introduction to Responsive Web Design Essentials Course.mp493.34MB
3. 01 Getting Started/002 How is this web design course structured.mp454.23MB
4. 01 Getting Started/003 What to download for the web design course.mp4106.85MB
5. 02 Introduction to HTML & CSS/004 Creating & testing our first HTML web page.mp423.61MB
6. 02 Introduction to HTML & CSS/005 What is HTML5 & CSS3 in web design.mp429.72MB
7. 02 Introduction to HTML & CSS/006 What is the head vs body vs html tag in a web design page.mp450.56MB
8. 02 Introduction to HTML & CSS/007 What is the title and description for in the head of a web page.mp444.47MB
9. 02 Introduction to HTML & CSS/008 What code editor should I be using VS Code Sublime Dreamweaver Atom Brackets.mp421MB
10. 02 Introduction to HTML & CSS/009 How to add structure to your website using Div Tags.mp438.48MB
11. 02 Introduction to HTML & CSS/010 What is a CSS Class how do we color a background with it.mp461.2MB
12. 02 Introduction to HTML & CSS/011 How to nested divs inside of each other in HTML & CSS.mp432.25MB
13. 02 Introduction to HTML & CSS/012 Class Project 01 – Div Tags.mp464.69MB
14. 02 Introduction to HTML & CSS/013 How to create a separate cascading style sheet in HTML & CSS.mp456.17MB
15. 03 Project 1_ Restaurant Website/014 How to create an index html & style css.mp461.13MB
16. 03 Project 1_ Restaurant Website/015 Test your website live using a Visual Studio Code extension.mp4140.99MB
17. 03 Project 1_ Restaurant Website/016 How to check your code for errors in HTML using VS Code.mp477.84MB
18. 03 Project 1_ Restaurant Website/017 What is HTML5 tag header nav section article main footer.mp494.26MB
19. 03 Project 1_ Restaurant Website/018 How to add html5 structure elements to your html website.mp4108.06MB
20. 03 Project 1_ Restaurant Website/019 How to color the background of a webpage using the body html tag.mp448.44MB
21. 03 Project 1_ Restaurant Website/020 How to add an images to a website using HTML what is alt.mp440.18MB
22. 03 Project 1_ Restaurant Website/021 How to center an image img in HTML using CSS.mp412.03MB
23. 03 Project 1_ Restaurant Website/022 How to change the font style size & color of h1 p in HTML CSS.mp4124.23MB
24. 03 Project 1_ Restaurant Website/023 How to make a clickable link in html & change the color.mp474.62MB
25. 03 Project 1_ Restaurant Website/024 How to add a stretching background image to a website.mp486.99MB
26. 03 Project 1_ Restaurant Website/025 How make a div tag transparent using HTML & CSS in VS Code.mp437.21MB
27. 03 Project 1_ Restaurant Website/026 How to create a simple website text navigation in HTML & CSS.mp497.63MB
28. 03 Project 1_ Restaurant Website/027 How to css style more than one class tag at a time compound classes.mp4106.41MB
29. 03 Project 1_ Restaurant Website/028 Class Project 02 – Footer.mp430.08MB
30. 03 Project 1_ Restaurant Website/029 Class Project 02 - Footer COMPLETE.mp469.96MB
31. 03 Project 1_ Restaurant Website/030 How to add a simple email button to a website using mailto in HTML.mp442.9MB
32. 03 Project 1_ Restaurant Website/031 How to add Google Maps to your website using embed codes.mp4177MB
33. 03 Project 1_ Restaurant Website/032 How to put your website live on the internet with your own domain.mp4214.66MB
34. 03 Project 1_ Restaurant Website/033 How to connect Visual Studio VS Code via sftp to host bluehost.mp491.24MB
35. 04 Project 2_ Bike Repair Website/034 Setting up our new web design project & discussing our topics.mp432.22MB
36. 04 Project 2_ Bike Repair Website/035 What is a CSS reset zeroing eric meyers vs normalize.mp4107.94MB
37. 04 Project 2_ Bike Repair Website/036 What is a min-height compared to height for a div tag.mp468.31MB
38. 04 Project 2_ Bike Repair Website/037 Getting div tags onto one line using Flexbox in HTML & CSS.mp451.89MB
39. 04 Project 2_ Bike Repair Website/038 Add even space between div tags using flexbox with no outside margins.mp449.03MB
40. 04 Project 2_ Bike Repair Website/039 How to have 2 div tags of different sizes in the same row html css flexbox.mp482.33MB
41. 04 Project 2_ Bike Repair Website/040 How to vertically center content in a html div tag using flexbox css.mp487.17MB
42. 04 Project 2_ Bike Repair Website/041 Class Project 3 - Flexbox Header.mp427.29MB
43. 04 Project 2_ Bike Repair Website/042 Class Project 3 - Flexbox Header COMPLETE.mp467.4MB
44. 04 Project 2_ Bike Repair Website/043 How to make a full background gradient on a website CSS.mp4166.13MB
45. 04 Project 2_ Bike Repair Website/044 How to change the default font type color size on a website using HTML & CSS.mp455.15MB
46. 04 Project 2_ Bike Repair Website/045 How to choose & install google fonts on your HTML CSS website.mp4152.56MB
47. 04 Project 2_ Bike Repair Website/046 What is the difference between PX & EM & REM font sizes.mp4125.71MB
48. 04 Project 2_ Bike Repair Website/047 Line height space between paragraphs aka space after.mp453.03MB
49. 04 Project 2_ Bike Repair Website/048 When would you use an svg image instead of jpg or png in web design.mp481.44MB
50. 04 Project 2_ Bike Repair Website/049 How to export svg png jpg from XD Photoshop Illustrator for website design.mp4132.64MB
51. 04 Project 2_ Bike Repair Website/050 Block level images verses background images in HTML & CSS.mp4107.48MB
52. 04 Project 2_ Bike Repair Website/051 Finishing up our cards.mp4125MB
53. 04 Project 2_ Bike Repair Website/052 How to add icons to your website using font awesome VS Code.mp4204.82MB
54. 04 Project 2_ Bike Repair Website/053 How to make an entire DIV container box a clickable link.mp4130.65MB
55. 04 Project 2_ Bike Repair Website/054 How to use box-sizing border-box from Flexbox in VS Code & web design.mp488.28MB
56. 04 Project 2_ Bike Repair Website/055 How to make a colored button in VS Code using HTML CSS.mp4102.35MB
57. 04 Project 2_ Bike Repair Website/056 Why cant I add margin or padding to the top bottom of my a tag Inline vs block.mp4113.96MB
58. 04 Project 2_ Bike Repair Website/057 How to add rounded corners to a button or div tag in HTML & CSS.mp463.77MB
59. 04 Project 2_ Bike Repair Website/058 How to add a css drop shadow to a website button div tags and text fonts heading.mp4101.28MB
60. 04 Project 2_ Bike Repair Website/059 How to backup your website while you’re building.mp456.64MB
61. 04 Project 2_ Bike Repair Website/060 Reusing a button class in the navigation.mp445.84MB
62. 04 Project 2_ Bike Repair Website/061 Class Project 04 - Custom Button.mp443.34MB
63. 04 Project 2_ Bike Repair Website/062 Class Project 04 - Custom Button COMPLETE.mp474.7MB
64. 04 Project 2_ Bike Repair Website/063 How to add a horizontal rule using HTML5 & CSS3 in VS Code.mp459.12MB
65. 04 Project 2_ Bike Repair Website/064 How to make div tags wrap onto separate lines using HTML5 CSS3 Flexbox.mp4172.68MB
66. 04 Project 2_ Bike Repair Website/065 How to change hover color & animate my button in HTML & CSS.mp454.39MB
67. 04 Project 2_ Bike Repair Website/066 How to target specific tags in HTML to apply css to using Pseudo Classes.mp4111.18MB
68. 04 Project 2_ Bike Repair Website/067 How to create a simple dropdown navigation menu button HTML CSS.mp4153.62MB
69. 04 Project 2_ Bike Repair Website/068 Adding our CSS dropdown menu to the roar bikes website.mp4206.32MB
70. 04 Project 2_ Bike Repair Website/069 Useful shortcuts tips tricks to speed workflow in VS Code.mp4179.59MB
71. 04 Project 2_ Bike Repair Website/070 How to add a large background image to a website design.mp4118.96MB
72. 04 Project 2_ Bike Repair Website/071 How to connect link 2 pages in HTML web design.mp4154.64MB
73. 04 Project 2_ Bike Repair Website/072 How to make a simple php form work on your HTML website.mp4190.94MB
74. 04 Project 2_ Bike Repair Website/073 Adding placeholder text and labels to website form text fields in HTML.mp467.22MB
75. 04 Project 2_ Bike Repair Website/074 How to add a large multi line text box in a HTML form.mp431.04MB
76. 04 Project 2_ Bike Repair Website/075 How to add check mark tick box to a HTML form.mp443.85MB
77. 04 Project 2_ Bike Repair Website/076 How to add a radio button round button with dot in middle to HTML form website.mp486.59MB
78. 04 Project 2_ Bike Repair Website/077 How to you make a drop down form menu for a website in HTML.mp476.66MB
79. 04 Project 2_ Bike Repair Website/078 How to style form text boxes & check boxes in a website HTML.mp4159.43MB
80. 05 Project 3_ Responsive Portfolio Website/079 What does responsive website design mean.mp483.16MB
81. 05 Project 3_ Responsive Portfolio Website/080 How to change a website layout size color at different sizes using media queries.mp472.05MB
82. 05 Project 3_ Responsive Portfolio Website/081 How to test your website on a tablet or mobile phone from Visual Studio Code.mp433.01MB
83. 05 Project 3_ Responsive Portfolio Website/082 How to change the layout of a responsive website for mobile vs desktop.mp4149.81MB
84. 05 Project 3_ Responsive Portfolio Website/083 How to turn things on and off for mobile tablet & desktop responsive websites.mp457.86MB
85. 05 Project 3_ Responsive Portfolio Website/084 What is pixel density responsive images pixel ratio dppx in webdesign.mp4201.06MB
86. 05 Project 3_ Responsive Portfolio Website/085 How to export responsive images for website from XD Photoshop Illustrator.mp457.67MB
87. 05 Project 3_ Responsive Portfolio Website/086 How to add responsive images to website using 100_ width in HTML & CSS.mp466.65MB
88. 05 Project 3_ Responsive Portfolio Website/087 How to use srcset to change images in HTML for responsive website.mp4143.6MB
89. 05 Project 3_ Responsive Portfolio Website/088 How to add a css style to the first line of a p tag on a website.mp4135.08MB
90. 05 Project 3_ Responsive Portfolio Website/089 How to make the header footer full width but the inside centered.mp473.49MB
91. 05 Project 3_ Responsive Portfolio Website/090 Class Project 05 – Header design.mp433.38MB
92. 05 Project 3_ Responsive Portfolio Website/091 Class Project 05 – Header design COMPLETE.mp483.6MB
93. 05 Project 3_ Responsive Portfolio Website/092 How to use a span tag or span class in HTML to change text.mp4122.36MB
94. 05 Project 3_ Responsive Portfolio Website/093 How to pin the navigation to the top of a website fixed nav.mp447.77MB
95. 05 Project 3_ Responsive Portfolio Website/094 How to make a simple responsive mobile menu using CSS only.mp497.16MB
96. 05 Project 3_ Responsive Portfolio Website/095 What is Javascript vs Jquery in website web design.mp4214.03MB
97. 05 Project 3_ Responsive Portfolio Website/096 How to make a burger menu 3 line mobile navigation for a website.mp4127.7MB
98. 05 Project 3_ Responsive Portfolio Website/097 How to switch a menu nav from desktop to mobile phone.mp4277.9MB
99. 06 Project 4_ Bootstrap Yogurt Website/099 How to install Bootstrap 4 on a website using Visual Studio Code.mp461.32MB
100. 06 Project 4_ Bootstrap Yogurt Website/100 Quick overview of how the Bootstrap Grid Layout works in VS Code.mp475.38MB
101. 06 Project 4_ Bootstrap Yogurt Website/101 Quick overview of how Bootstrap Components works in VS Code.mp4130.59MB
102. 06 Project 4_ Bootstrap Yogurt Website/102 Quick overview of how Bootstrap CSS Styles works in VS Code.mp486.47MB
103. 06 Project 4_ Bootstrap Yogurt Website/103 How to customize the default Bootstrap 4 css styles.mp4189.62MB
104. 06 Project 4_ Bootstrap Yogurt Website/104 How to use Bootstrap Layout Grid Experiment 1.mp485.01MB
105. 06 Project 4_ Bootstrap Yogurt Website/105 How to make 100_ header & uneven widths in Bootstrap 4.mp470.84MB
106. 06 Project 4_ Bootstrap Yogurt Website/106 How to create uneven col widths in Bootstrap 4.mp483.78MB
107. 06 Project 4_ Bootstrap Yogurt Website/107 How to add padding & margins using Bootstrap 4 in VS Code.mp4141.14MB
108. 06 Project 4_ Bootstrap Yogurt Website/108 How to change layout of Bootstrap depending on mobile or desktop.mp4125.42MB
109. 06 Project 4_ Bootstrap Yogurt Website/109 How to turn things on & off on your website using Bootstrap 4.mp451.36MB
110. 06 Project 4_ Bootstrap Yogurt Website/110 How to re-create the Bootstrap media queries in your own CSS.mp454.14MB
111. 06 Project 4_ Bootstrap Yogurt Website/111 How to use Google Chrome Inspect - Removing Overriding Bootstrap styles.mp4180.85MB
112. 06 Project 4_ Bootstrap Yogurt Website/112 How to add shadows to text & boxes in Bootstrap 4.mp487.58MB
113. 06 Project 4_ Bootstrap Yogurt Website/113 How to change the default Bootstrap 4 buttons size & color.mp488.96MB
114. 06 Project 4_ Bootstrap Yogurt Website/114 How to make images responsive stretchy in Bootstrap 4.mp4140.5MB
115. 06 Project 4_ Bootstrap Yogurt Website/115 How to center text & div tags in a Bootstrap 4 website.mp461.19MB
116. 06 Project 4_ Bootstrap Yogurt Website/116 How to customize the website navbar in bootstrap 4.mp4123.09MB
117. 06 Project 4_ Bootstrap Yogurt Website/117 Add your own logo to the bootstrap 4 website navigation menu.mp456.63MB
118. 06 Project 4_ Bootstrap Yogurt Website/118 How to change the default styles for Bootstrap 4 nav.mp4178.91MB
119. 06 Project 4_ Bootstrap Yogurt Website/119 How to add a sticky fixed bootstrap 4 navigation to your website design.mp471.1MB
120. 06 Project 4_ Bootstrap Yogurt Website/120 Adding a full col image in bootstrap 4 & color the background of col.mp4126.57MB
121. 06 Project 4_ Bootstrap Yogurt Website/121 How to add a border & rounded corners to a box in Bootstrap.mp462.66MB
122. 06 Project 4_ Bootstrap Yogurt Website/122 How to edit Bootstrap carousel off for mobile timing fade.mp486.86MB
123. 06 Project 4_ Bootstrap Yogurt Website/123 How to put Bootstrap cards on one line using card groups decks & columns.mp457.59MB
124. 06 Project 4_ Bootstrap Yogurt Website/124 How to add a drop shadow to a box or card in Bootstrap 4.mp435.26MB
125. 06 Project 4_ Bootstrap Yogurt Website/125 How to make a div tag a giant clickable link in Bootstrap 4.mp468.28MB
126. 07 What Next/126 What next in our web design essentials course.mp4235.59MB