English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 13 Hours | 2.45 GB
Learn HTML5, CSS3, jQuery, Bootstrap And Build Modern Responsive Website With Modern Trends From Scratch.
This course is about Building Modern Responsive Website with HTML5, CSS3, Bootstrap and some jQuery.
In this course, you will learn how to Build a Modern looking Responsive Website with modern web development technologies like HTML5, CSS3, Bootstrap and some jQuery from scratch.
No coding experience is required for this course. You will learn, how to build a modern responsive website from the very scratch with zero experience.
This course will teach you, how to create a wire-frame for a website before actually starting the development. And then you will learn how to convert a wire-frame to real world website.
You will learn, how to choose right web color, fonts and icons for your website.
In this course, you will learn how to write HTML5 markup the best way. You will learn the Integration of Bootstrap framework which will really speed up the development time and it will allow to add some really great features to a website.
You will learn, new CSS3 techniques to style a website and you will also be introduced to some new concepts such as CSS3 media quires & breakpoints and with some jQuery you will learn how to add cool features to a website.
While building that amazing beautiful website, you will learn new ways of coding, tips & tricks and modern best practices that will make you a professional web developer in a very short time.
Table of Contents
Getting Started!
0. Course Introduction
Setting Up Working Environment
1. Install Chrome Browser
2. Chrome Developer Tools
3. Install Brackets Code Editor
Creating Website Wireframe
4. What Is Wireframing
5. Create Website Wireframe
7. Exercise – Complete Wireframe
10. Resources – Wireframe Tools
Building Basic Structure of Website
11. Setup Basic Website Folder
13. Add Basic HTML5 Document
14. Add Meta Tags
15. Add Title & Favicon
16. Add Basic External Files
18. Resources – Web Development
Setting Up Fonts, Colors & Icons
19. Choose Right Fonts
21. Resources – Web Fonts
22. Choose Right Colors
24. Resources – Web Colors
25. Choose Right Icons
Bootstrap Framework
27. What Is Bootstrap
28. Add Bootstrap To Website
30. Bootstrap Grid System
31. Bootstrap Grid Examples
Building Home Section
32. Introduction – Home
33. Add HTML – Home
34. Add CSS (Part 1) – Home
35. Add CSS (Part 2) – Home
36. Add CSS (Part 3) – Home
37. Add Parallax Effect – Home
38. Add Animation Effect – Home
Building Services Section
40. Introduction – Services
41. Add HTML (Part 1) – Services
42. Add HTML (Part 2) – Services
43. Add CSS (Part 1) – Services
44. Add CSS (Part 2) – Services
45. Add Animation Effect Using jQuery – Services
Building About Section
47. Introduction – About
48. Add HTML – About
49. Add CSS (Part 1) – About
50. Add CSS (Part 2) – About
51. Add Diagonal Background – About
Building Work Section
52. Introduction – Work
53. Add HTML (Part 1) – Work
54. Add HTML (Part 2) – Work
55. Add CSS – Work
56. Add Zoom Effect – Work
57. Add Magnify-Gallery Effect Using jQuery – Work
Building Team Section
60. Introduction – Team
61. Add HTML – Team
62. Add Carousel Slider Effect Using jQuery – Team
66. Add CSS (Part 1) – Team
67. Add CSS (Part 2) – Team
Building Testimonials Section
68. Introduction – Testimonials
69. Add HTML (Part 1) – Testimonials
70. Add HTML (Part 2) – Testimonials
71. Add Carousel Slider Effect Using jQuery – Testimonials
72. Add CSS (Part 1) – Testimonials
73. Add CSS (Part 2) – Testimonials
74. Add CSS (Part 3) – Testimonials
Building Pricing Section
75. Introduction – Pricing
76. Add HTML – Pricing
77. Add CSS (Part 1) – Pricing
78. Add CSS (Part 2) – Pricing
Building Stats Section
79. Introduction – Stats
80. Add HTML – Stats
81. Add CSS – Stats
82. Add Counter Effect Using jQuery – Stats
Building Clients Section
85. Introduction – Clients
86. Add HTML & CSS – Clients
87. Add Carousel Slider Effect Using jQuery – Clients
Building Contact Section
88. Introduction – Contact
89. Add HTML (Part 1) – Contact
90. Add HTML (Part 2) – Contact
91. Add CSS (Part 1) – Contact
92. Add CSS (Part 2) – Contact
Building Footer Copyrights & Menu
93. Introduction – Footer Copyrights & Menu
94. Add HTML – Footer Copyrights & Menu
96. Add CSS – Footer Copyrights & Menu
Building Navigation
98. Introduction – Navigation
99. Add HTML (Part 1) – Navigation
100. Add HTML (Part 2) – Navigation
101. Add CSS (Part 1) – Navigation
102. Add CSS (Part 2) – Navigation
103. Add ScrollSpy Effect – Navigation
104. Show & Hide Menu On Scroll Using jQuery – Navigation
105. Add Smooth Scroll Using jQuery – Navigation
107. Add Back To Top Button – Navigation
Perfecting Responsive Layout
108. Introduction – Responsive
109. Media Queries – Responsive
110. Large Devices – Responsive
111. Medium Devices (Part 1) – Responsive
113. Medium Devices (Part 2) – Responsive
114. Small Devices (Part 1) – Responsive
115. Small Devices (Part 2) – Responsive
116. Extra Small Devices (Part 1) – Responsive
117. Extra Small Devices (Part 2) – Responsive
118. Extra Small Devices (Part 3) – Responsive
119. Responsive Layout Testing Tools
Optimizing Website
120. Add Basic SEO (Search Engine Optimization)
121. Image Optimization
Final Touches & Code Validation
122. Final Touches To Website
123. Code Validation
Cross Browser Testing
124. Cross Browser Testing
Making Website Live!
125. Making Website LIVE!
Conclusion
127. Great Job! – You did it!
Resolve the captcha to access the links!