Grab this wonderful opportunity to master everything about CSS to improve your chances of getting into the web development industry or to make substantial progress in your career. No matter how minimal of a knowledge you have on the programming language, if you have the interest for it, this course is all you need, as it will take you from the very basics to the more advanced aspects of CSS in a matter of days.
This professionally narrated e-modules will get you into terms with the fundamentals of CSS to start using it in your web development activities, along with an insight into the components of CSS such as the text editors, CSS resets, chrome dev tools and descendant selectors. You will also be thoroughly educated on floats and the problems involving floats to help you create page layout using them.
A webpage involves so many buttons that lead to specific destinations and this course is set to guide you on how to create them with Modular, reusable CSS classes and CSS3. You will also be instructed on how to create the main navigation and drop, web fronts, icon fronts, Google web fronts using the language, along with guidelines on how to build responsive websites. By the end of this course, you will be a master in CSS programming to successfully secure yourself a place in the web development industry.
Global Edulink offers the most convenient path to gain recognised skills and training that will give you the opportunity to put into practice your knowledge and expertise in an IT or corporate environment. You can study at your own pace at Global Edulink and you will be provided with all the necessary material, tutorials, qualified course instructor, narrated e-learning modules and free resources which include Free CV writing pack, free career support and course demo to make your learning experience more enriching and rewarding.
Section 1: CSS Foundations | |||
1.1. The Course Overview | 00:00:00 | ||
1.2. The Anatomy of a Rule Set and the Three Types of Style Sheets | 00:00:00 | ||
1.3. The Box Model and Block versus Inline Elements | 00:00:00 | ||
Section 2: Ramping up | |||
2.1. Text Editors | 00:00:00 | ||
2.2. CSS Reset | 00:00:00 | ||
2.3. Chrome Dev Tools | 00:00:00 | ||
2.4. Renaming Elements: Classes and IDs | 00:00:00 | ||
2.5. Descendant Selectors | 00:00:00 | ||
Section 3: Creating a Page Layout With Floats | |||
3.1. Floats Introduction – Flowing Text around Images | 00:00:00 | ||
3.2. Creating a Multicolumn Layout | 00:00:00 | ||
3.3. Solving the Problems of Floats | 00:00:00 | ||
Section 4: Creating Buttons With Modular, Reusable CSS Classes, and CSS3 | |||
4.1. Creating Buttons with Modular CSS | 00:00:00 | ||
4.2. Multiple Classes | 00:00:00 | ||
4.3. Specificity Rules | 00:00:00 | ||
4.4. Transitions | 00:00:00 | ||
4.5. Transforms | 00:00:00 | ||
4.6. Styling a Call to Action button | 00:00:00 | ||
4.7. Gradients | 00:00:00 | ||
Section 5: Creating the Main Navigation and Drop | |||
5.1. Starting the Navigation | 00:00:00 | ||
5.2. Using Pseudo Classes | 00:00:00 | ||
5.3. Absolute Positioning | 00:00:00 | ||
5.4. Building the Drop-down | 00:00:00 | ||
5.5. CSS Animations (Part 1) | 00:00:00 | ||
5.6. CSS Animations (Part 2) | 00:00:00 | ||
5.7. Finalizing the Navigation | 00:00:00 | ||
Section 6: Becoming Responsive | |||
6.1. Fluid Grid | 00:00:00 | ||
6.2. Flexible Images | 00:00:00 | ||
6.3. Media Queries | 00:00:00 | ||
6.4. Mobile Menu | 00:00:00 | ||
6.5. Viewport Meta Tag | 00:00:00 | ||
Section 7: Web Fonts | |||
7.1. The @font-face Property | 00:00:00 | ||
7.2. Font Kits and Font Services | 00:00:00 | ||
7.3. Google Web Fonts | 00:00:00 | ||
7.4. Subscription Font Foundries | 00:00:00 | ||
7.5. Icon Fonts | 00:00:00 | ||
Section 8: The Workflow of HiDPI Devices | |||
8.1. 2x Images | 00:00:00 | ||
8.2. The JavaScript Approach | 00:00:00 | ||
8.3. 1.5x Images | 00:00:00 | ||
8.4. Background Images | 00:00:00 | ||
8.5. SVG | 00:00:00 | ||
Section 9: Wrapping up | |||
9.1. Next Steps | 00:00:00 | ||
9.2. Conclusion and Links | 00:00:00 | ||
Mock Exam | |||
Mock Exam : Mastering CSS | 00:40:00 | ||
Exam | |||
Exam : Mastering CSS | 00:40:00 | ||
Certificate Download Guide | |||
Certificate Download Guide | 00:03:00 |
Nevaeh Lowe
The content was just right, the instructor was on point and the course was well-paced. I couldn’t have asked for a better learning experience.
Maisie Chambers
The course provides an overview on most topics on CSS, although I missed Flex and font sizes. In a Mastering CSS course, I would have preferred that too.
Zachary Dawson
I just heard the intro of the course. It is what I’m looking for. Since I don’t have a strong understanding of front end, I hope this course will give me what I need to learn.