Web technologies: practical course CSS - course 1699 rub. from Stepik, training 21 lessons, Date: October 29, 2023.
Miscellaneous / / December 04, 2023
Welcome to the course "Web Technologies: Practical Course"!
This course is suitable for you if:
- You already know what HTML and CSS are and you lack practice.
- If you know what a class selector is and have already styled small pages.
- It is advisable to have an understanding of flexbox, or a desire to learn it in the process - there will be a separate block for this.
Purpose of the course: learning CSS and gaining practical skills.
Course structure:
1. Course Description
Brief information about the course and how to complete the assignments
2. HTML and CSS: Practice Module
We recall the basic theory of HTML and CSS: document structure, basic HTML elements, CSS selectors, consider examples and, of course, perform practical tasks.
3. More CSS
CSS theory block: combinators and compound selectors, Box Model, cascading and inheritance. Let's understand shadows, gradients, z-index, transitions and animation.
4. Practical module
We apply everything we learned during the course to real-life problems. This is not the layout of a huge website - this is work on individual components of the site. As usual, we start with the easy parts and end with the difficult ones.
Example of one of the tasks:
5. Introduction to Adaptive
Understanding media queries, computed values, and variables.
We carry out intermediate tasks. And in the end, you can design a responsive website and publish it.
6. Conclusion
The course is developing and it is planned to add new blocks and project assignments here!
1
wellResearch teacher, computer science teacher (highest category), QA engineer
I have higher technical and pedagogical education. She graduated from the graduate school of Moscow State Pedagogical University in the direction of “Theory and Methods of Education and Education (Informatics).” I am a prize-winner of the Moscow Teacher Olympiad. In addition to my main work, I prepare students for the Unified State Exam and Unified State Exam, and also develop my own courses on the Internet. Contact: [email protected]
Start of the course
1. General information about the course
2. How to complete tasks
HTML and CSS: Basic Concepts
1. HTML Highlights
2. CSS Basics
More CSS
1. Box Model
2. Selectors
3. Cascading and inheritance
4. Position, z-index
5. Shadows, Gradients, Filters
6. Animation
7. Transitions
Practical module
1. Flexbox | Theory + Practice
2. Menu
3. Header + Cards
4. Forms
Introduction to Adaptive
1. Min-width, min-height, max-width, max-height
2. Media queries @media
3. Calculated Values and CSS Variables
4. Burger menu
5. Project
Conclusion
1. Conclusion