Уеб технологии: практически курс CSS - курс 1699 rub. от Stepik, обучение 21 урока, Дата: 29 октомври 2023 г.
разни / / December 04, 2023
Добре дошли в курса "Уеб технологии: Практически курс"!
Този курс е подходящ за вас, ако:
- Вече знаете какво е HTML и CSS и ви липсва практика.
- Ако знаете какво е клас селектор и вече сте стилизирали малки страници.
- Препоръчително е да имате разбиране за flexbox или желание да го научите в процеса - ще има отделен блок за това.
Цел на курса: изучаване на CSS и придобиване на практически умения.
Структура на курса:
1. Описание на курса
Кратка информация за курса и начина на изпълнение на задачите
2. HTML и CSS: Практически модул
Припомняме основната теория на HTML и CSS: структура на документа, основни HTML елементи, CSS селектори, разглеждаме примери и, разбира се, изпълняваме практически задачи.
3. Още CSS
Теоретичен блок на CSS: комбинатори и съставни селектори, Box Model, каскадно и наследяване. Нека разберем сенките, градиентите, z-индекса, преходите и анимацията.
4. Практически модул
Прилагаме всичко, което сме научили по време на курса, към проблеми от реалния живот. Това не е оформлението на огромен уебсайт - това е работа върху отделни компоненти на сайта. Както обикновено, започваме с лесните части и завършваме с трудните.
Пример за една от задачите:
5. Въведение в Adaptive
Разбиране на медийни заявки, изчислени стойности и променливи.
Ние изпълняваме междинни задачи. И в крайна сметка можете да проектирате адаптивен уебсайт и да го публикувате.
6. Заключение
Курсът се развива и се планира да се добавят нови блокове и проектни задачи тук!
1
добреУчител изследовател, учител по информатика (най-висока категория), QA инженер
Имам висше техническо и педагогическо образование. Завършила е аспирантура на Московския държавен педагогически университет в посока „Теория и методика на обучението и образованието (информатика)“. Аз съм лауреат на Московската олимпиада за учители. В допълнение към основната си работа подготвям студенти за Единен държавен изпит и Единен държавен изпит, а също така разработвам свои собствени курсове в Интернет. За контакт: [email protected]
Начало на курса
1. Обща информация за курса
2. Как да изпълнявате задачи
HTML и CSS: Основни понятия
1. Акценти в HTML
2. Основи на CSS
Още CSS
1. Модел кутия
2. Селектори
3. Каскадиране и наследяване
4. Позиция, z-индекс
5. Сенки, градиенти, филтри
6. Анимация
7. Преходи
Практически модул
1. Flexbox | Теория + Практика
2. Меню
3. Заглавие + карти
4. Форми
Въведение в Adaptive
1. Минимална ширина, минимална височина, максимална ширина, максимална височина
2. Медийни заявки @media
3. Изчислени стойности и CSS променливи
4. Бургер меню
5. Проект
Заключение
1. Заключение