Stepik, Дмитрий Фокеев - Верстка и веб-разработка сайтов. Продвинутый уровень Web Develop (2022)

🎬

8 До свидания!.mp4

29.64 MB

🎬

1 Подготовка, повторение, первые анимации/1.1 Привет!) Скачиваем материалы к курсу.mp4

44.12 MB

🎬

1 Подготовка, повторение, первые анимации/1.2 Устанавливаем и настраиваем необходимое программное обеспечение.mp4

56.54 MB

🎬

1 Подготовка, повторение, первые анимации/1.3 Новое свойство clip-path. Начинаем создавать первую секцию сайта.mp4

96.62 MB

🎬

1 Подготовка, повторение, первые анимации/1.4 Если у вас не работает scout-app.mp4

17.79 MB

🎬

1 Подготовка, повторение, первые анимации/1.5 Практика Создайте свою фигуру с помощью Clip-path.mp4

3.87 MB

🎬

1 Подготовка, повторение, первые анимации/1.6 Выравнивание элементов по вертикали абсолютным позиционированием.mp4

153.74 MB

🎬

1 Подготовка, повторение, первые анимации/1.7 Знакомство с @KeyFrames. Создаем первую анимацию..mp4

45.23 MB

🎬

1 Подготовка, повторение, первые анимации/1.8 Backface-visibility и создание кнопок через псевдо-классы.mp4

75.38 MB

🎬

1 Подготовка, повторение, первые анимации/1.9 Анимируем кнопку с помощью псевдо-элементов.mp4

40.07 MB

🎬

1 Подготовка, повторение, первые анимации/1.10 Animation-fill-mode. Запуск анимации из определенной точки..mp4

35.65 MB

🎬

1 Подготовка, повторение, первые анимации/1.11 3 принципа веб разработки.mp4

19.81 MB

🎬

1 Подготовка, повторение, первые анимации/1.12 Используйте REM вместо PX.mp4

48.38 MB

🎬

2 Git и GitHub/.34 Практический пример применения git diff.mp4

16.15 MB

🎬

2 Git и GitHub/2.1 О чем этот блок.mp4

20.03 MB

🎬

2 Git и GitHub/2.2 Базовые команды в терминале.mp4

33.76 MB

🎬

2 Git и GitHub/2.3 Как редактировать файлы через терминал.mp4

11.32 MB

🎬

2 Git и GitHub/2.4 Устанавливаем систему git на наш компьютер.mp4

14.3 MB

🎬

2 Git и GitHub/2.5 Как запустить гит в определенном проекте.mp4

21.06 MB

🎬

2 Git и GitHub/2.6 Создаем первый коммит.mp4

22.08 MB

🎬

2 Git и GitHub/2.7 Отправка проекта GitHub.mp4

54.92 MB

🎬

2 Git и GitHub/2.8 Если у вас ошибка при отправке вашего проекта на GitHub.mp4

26.12 MB

🎬

2 Git и GitHub/2.9 Ошибка с логином при попытке отправить проект на GitHub.mp4

30.56 MB

🎬

2 Git и GitHub/2.10 Практика создайте собственный репозиторий.mp4

4.86 MB

🎬

2 Git и GitHub/2.11 Как удалить репозиторий GitHub.mp4

4.4 MB

🎬

2 Git и GitHub/2.12 Как скачивать репозитории из GitHub.mp4

21.05 MB

🎬

2 Git и GitHub/2.13 Эмулируем работу 2-х разработчиков на одном репозитории.mp4

27.99 MB

🎬

2 Git и GitHub/2.14 Как вывести информацию о коммитах в терминал. Git log.mp4

17.72 MB

🎬

2 Git и GitHub/2.15 Что такое ветки.mp4

5.9 MB

🎬

2 Git и GitHub/2.16 Как создавать ветки и перемещаться по ним..mp4

24.88 MB

🎬

2 Git и GitHub/2.17 Закрываем пробел из начала мини курса с обозначениями -u и -M.mp4

14.62 MB

🎬

2 Git и GitHub/2.18 Ошибка не сохраненного коммита при checkout.mp4

35.75 MB

🎬

2 Git и GitHub/2.19 Как перекинуть созданные изменения на новую ветку.mp4

11.1 MB

🎬

2 Git и GitHub/2.20 Как перекинуть несколько коммитов на новую ветку.mp4

18.09 MB

🎬

2 Git и GitHub/2.21 Что такое состояние открепленной головы. Detached HEAD.mp4

14.07 MB

🎬

2 Git и GitHub/2.22 Как восстановить конкретный файл из прошлого коммита.mp4

25.92 MB

🎬

2 Git и GitHub/2.23 Продвинутый git log и git show.mp4

14.07 MB

🎬

2 Git и GitHub/2.24 Как объединять ветки с помощью Git merge. Способ Fast-forward.mp4

14.19 MB

🎬

2 Git и GitHub/2.25 Как удалять ветки.mp4

11.39 MB

🎬

2 Git и GitHub/2.26 Как удалить файлы директории из состояния untracked.mp4

16.09 MB

🎬

2 Git и GitHub/2.27 Git reset --hard. Способ жесткого отката к коммиту.mp4

9.17 MB

🎬

2 Git и GitHub/2.28 Второй способ найти подвисший коммит с помощью ORIG_HEAD.mp4

7.35 MB

🎬

2 Git и GitHub/2.29 Git reset --soft.mp4

10.63 MB

🎬

2 Git и GitHub/2.30 Git commit --amend изменение комментария прошлого коммита.mp4

6.18 MB

🎬

2 Git и GitHub/2.31 Git reset --mixed.mp4

7.28 MB

🎬

2 Git и GitHub/2.32 Разница git reset и git restore.mp4

7.68 MB

🎬

2 Git и GitHub/2.33 Введение в git diff. Вывод разницы нескольких коммитов в консоль.mp4

19.63 MB

🎬

2 Git и GitHub/2.35 Как вывести схему веток в терминал. Git log --graph.mp4

15.23 MB

🎬

2 Git и GitHub/2.36 Объединяем ветки с помощью git merge. Способ Истинное слияние.mp4

29.37 MB

🎬

2 Git и GitHub/2.37 Как откатиться назад после слияния.mp4

8.78 MB

🎬

2 Git и GitHub/2.38 Как скопировать определенный коммит с помощью git cherry-pick.mp4

17.72 MB

🎬

2 Git и GitHub/2.39 Слияние веток с помощью git rebase.mp4

17.94 MB

🎬

2 Git и GitHub/2.40 Что лучше git rebase или git merge.mp4

13.21 MB

🎬

2 Git и GitHub/2.41 Как использовать файл .gitignore.mp4

21.24 MB

🎬

2 Git и GitHub/2.42 Заключительное слово.mp4

13.78 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.1 О чем этот блок.mp4

23.91 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.2 Как работают SASS переменные.mp4

45.78 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.3 Как работают миксины.mp4

25.3 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.4 Как добавлять аргументы для миксинов.mp4

25.67 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.5 Что такое шаблоны SASS.mp4

45.92 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.6 Как работают SASS функции.mp4

49.72 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.7 Организация файлов SASS большого проекта.mp4

44.15 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.8 3 способа позиционирования элементов.mp4

9.03 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.9 Как работает float.mp4

40.39 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.10 Создаем собственную систему grid.mp4

108.05 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.11 Применение градиента к тексту. Backgroud-clip.mp4

122.33 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.12 Как создавать символы с помощью HTML.mp4

117.22 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.13 Анимируем и доделываем вторую секцию.mp4

107.04 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.14 Как создавать собственные иконочные шрифты.mp4

118.36 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.15 Используем свойство perspective для отражения перспективы элемен.mp4

70.09 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.16 Как работает blending mode в CSS.mp4

132.41 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.17 Доделываем секцию с карточками.mp4

73.35 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.18 Как закруглить текст с помощью свойства shape-outside.mp4

108.07 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.19 Как работают CSS фильтры.mp4

47.58 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.20 Как добавить видео на страницу.mp4

101.18 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.21 Знакомимся с тегом form и его содержимым.mp4

123.87 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.22 Анимируем форму.mp4

79.97 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.23 Делаем собственные radio button с помощью CSS.mp4

114.16 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.24 Создаем footer сайта.mp4

57.48 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.25 Создаем навигационное меню на чистом CSS ч.-1.mp4

105.37 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.26 Настраиваем переходы скорости анимаций, с помощью cubic-bezier.mp4

41.53 MB

🎬

3 Продвинутая вёрстка - CSS SASS/3.27 Анимируем гамбургер.mp4

61.75 MB

🎬

4 Adaptive design/4.1 О чем этот блок.mp4

11.48 MB

🎬

4 Adaptive design/4.2 Как создают адаптивные сайты.mp4

19.95 MB

🎬

4 Adaptive design/4.3 Создаем миксин с медиа правилами.mp4

54.23 MB

🎬

4 Adaptive design/4.4 Адаптация проекта ч.1.mp4

91.18 MB

🎬

4 Adaptive design/4.5 Адаптация проекта ч.2.mp4

102.97 MB

🎬

4 Adaptive design/4.6 Адаптация проекта ч.3.mp4

72.71 MB

🎬

4 Adaptive design/4.7 Что такое адаптивные изображения.mp4

10.17 MB

🎬

4 Adaptive design/4.8 Как адаптировать изображения в HTML.mp4

49.94 MB

🎬

4 Adaptive design/4.9 Адаптируем HTML изображения в нашем проекте.mp4

64.93 MB

🎬

4 Adaptive design/4.10 Адаптация CSS изображений.mp4

40.83 MB

🎬

4 Adaptive design/4.11 Несколько финальных правок сайта.mp4

33.37 MB

🎬

5 Node package manager/5.1 О чем этот блок.mp4

15.05 MB

🎬

5 Node package manager/5.2 Что такое node.js и npm.mp4

18.86 MB

🎬

5 Node package manager/5.3 Готовим к использованию первый npm пакет.mp4

24.61 MB

🎬

5 Node package manager/5.4 Запускаем первый npm пакет.mp4

43.57 MB

🎬

5 Node package manager/5.5 Используем gulp в нашем проекте.mp4

104.18 MB

🎬

5 Node package manager/5.6 Как открыть сайт на мобильном телефоне.mp4

23.19 MB

🎬

6 Введение в CSS GRID/6.1 О чем этот блок.mp4

19.72 MB

🎬

6 Введение в CSS GRID/6.2 Подготовка.mp4

13.87 MB

🎬

6 Введение в CSS GRID/6.3 Как создать шаблон сетки. Grid template.mp4

20.56 MB

🎬

6 Введение в CSS GRID/6.4 Как работают единицы измерения fr.mp4

17.42 MB

🎬

6 Введение в CSS GRID/6.5 Как переместить элемент в другую ячейку.mp4

20.39 MB

🎬

6 Введение в CSS GRID/6.6 Размещение нескольких элементов в одной ячейки.mp4

22.3 MB

🎬

6 Введение в CSS GRID/6.7 Практика Создайте layout сайта.mp4

3.08 MB

🎬

6 Введение в CSS GRID/6.8 Пример преподавателя. Создаем layout.mp4

21.21 MB

🎬

6 Введение в CSS GRID/6.9 Как переименовать каждую линию в сетке grid.mp4

23.4 MB

🎬

6 Введение в CSS GRID/6.10 Как создать шаблон сетки с помощью схемы имен.mp4

22.11 MB

🎬

6 Введение в CSS GRID/6.11 Что такое явные и не явные гриды.mp4

19.22 MB

🎬

6 Введение в CSS GRID/6.12 Как выравнивать элементы внутри ячеек.mp4

12.4 MB

🎬

6 Введение в CSS GRID/6.13 Как выравнивать сетку внутри контейнера.mp4

14.65 MB

🎬

6 Введение в CSS GRID/6.14 Min-Max content.mp4

31.1 MB

🎬

6 Введение в CSS GRID/6.15 Auto-fill и Auto-fit. Размеры ячеек исходя из контента.mp4

23.57 MB

🎬

6 Введение в CSS GRID/6.16 Заключение. Grid garden.mp4

9.9 MB

🎬

7 GRID CSS Project/7.1 О чем этот блок.mp4

11.95 MB

🎬

7 GRID CSS Project/7.2 Подготовка.mp4

25.87 MB

🎬

7 GRID CSS Project/7.3 Создаем шаблон grid сетки ч.1.mp4

57.37 MB

🎬

7 GRID CSS Project/7.4 Создаем шаблон grid сетки ч.2.mp4

84.81 MB

🎬

7 GRID CSS Project/7.5 Как работают SVG спрайты.mp4

82 MB

🎬

7 GRID CSS Project/7.6 Доделываем вторую секцию сайта.mp4

75.79 MB

🎬

7 GRID CSS Project/7.7 Создаем секцию Баннер ч.1.mp4

58.81 MB

🎬

7 GRID CSS Project/7.8 Создаем секцию Баннер ч.2.mp4

44.56 MB

🎬

7 GRID CSS Project/7.9 Создаем секцию с карточками.mp4

144.24 MB

🎬

7 GRID CSS Project/7.10 Создаем галерею.mp4

66.01 MB

🎬

7 GRID CSS Project/7.11 Создаем footer.mp4

49.29 MB

🎬

7 GRID CSS Project/7.12 Делаем Гамбургер.mp4

18.41 MB

🎬

7 GRID CSS Project/7.13 Создаем header ч.1.mp4

83.64 MB

🎬

7 GRID CSS Project/7.14 Создаем header ч.2.mp4

68.56 MB

🎬

7 GRID CSS Project/7.15 Адаптируем сайт.mp4

120.01 MB

🖼️

Материалы web-разработка продвинутый уровень/sprite-2.svg

1.97 KB

📄

Материалы web-разработка продвинутый уровень/Плагины.docx

13.38 KB

🖼️

Материалы web-разработка продвинутый уровень/Самостоятельная практика по grid.png

985.87 KB

📄

Материалы web-разработка продвинутый уровень/Ссылки.docx

19.91 KB

💻

Материалы web-разработка продвинутый уровень/adaptive-img/index.html

313 B

💻

Материалы web-разработка продвинутый уровень/adaptive-img/style.css

0 B

🖼️

Материалы web-разработка продвинутый уровень/adaptive-img/img/big-1500.jpg

342.33 KB

🖼️

Материалы web-разработка продвинутый уровень/adaptive-img/img/med-1000.jpg

224.92 KB

🖼️

Материалы web-разработка продвинутый уровень/adaptive-img/img/small-500.jpg

85.46 KB

💻

Материалы web-разработка продвинутый уровень/CSS GRID-практика/.vscode/settings.json

40 B

💻

Материалы web-разработка продвинутый уровень/CSS GRID-практика/src/index.html

476 B

💻

Материалы web-разработка продвинутый уровень/CSS GRID-практика/src/css/style.css

0 B

📄

Материалы web-разработка продвинутый уровень/CSS GRID-практика/src/sass/style.sass

0 B

💻

Материалы web-разработка продвинутый уровень/Floats-практика/index.html

714 B

💻

Материалы web-разработка продвинутый уровень/Floats-практика/css/style.css

177 B

📄

Материалы web-разработка продвинутый уровень/Floats-практика/css/style.map

215 B

🖼️

Материалы web-разработка продвинутый уровень/Floats-практика/img/photo-1.jpg

2.33 MB

🖼️

Материалы web-разработка продвинутый уровень/Floats-практика/img/photo-2.jpg

1.62 MB

📄

Материалы web-разработка продвинутый уровень/Floats-практика/SASS/style.sass

21 B

💻

Материалы web-разработка продвинутый уровень/NPM/gulpfile.js

1.81 KB

💻

Материалы web-разработка продвинутый уровень/NPM/package.json

622 B

💻

Материалы web-разработка продвинутый уровень/NPM/package-lock.json

556.23 KB

🎬

Материалы web-разработка продвинутый уровень/Project-ballons/video-background.mp4

9.8 MB

💻

Материалы web-разработка продвинутый уровень/Project-store-game/gulpfile.js

1.81 KB

💻

Материалы web-разработка продвинутый уровень/Project-store-game/package.json

622 B

💻

Материалы web-разработка продвинутый уровень/Project-store-game/package-lock.json

556.22 KB

💻

Материалы web-разработка продвинутый уровень/Project-store-game/src/index.html

436 B

💻

Материалы web-разработка продвинутый уровень/Project-store-game/src/css/style.css

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_banner.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_base.sass

251 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_cards.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_features.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_footer.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_gallery.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_gamers.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_header.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_sidebar.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/_typography.sass

0 B

📄

Материалы web-разработка продвинутый уровень/Project-store-game/src/sass/style.sass

227 B

📄

Материалы web-разработка продвинутый уровень/Код из уроков/ПРОЧТИ МЕНЯ!.docx

13.66 KB

📦

Материалы web-разработка продвинутый уровень/Код из уроков/01-Подготовка _ Повторение _ Первые анимации/Project-ballons.zip

744.18 KB

📦

Материалы web-разработка продвинутый уровень/Код из уроков/03-Продвинутая верстка - CSS_SASS/Project-ballons.zip

19.43 MB

📦

Материалы web-разработка продвинутый уровень/Код из уроков/04-Adaptive design/Project-ballons.zip

21.94 MB

📦

Материалы web-разработка продвинутый уровень/Код из уроков/05-Node package manager/Project-ballons-npm-test.zip

43.6 MB

📦

Материалы web-разработка продвинутый уровень/Код из уроков/06-Введение в CSS GRID/CSS GRID-практика.zip

136.22 KB

📦

Материалы web-разработка продвинутый уровень/Код из уроков/07-GRID CSS Project/Project-store-game.zip

12 MB

Resource Detail

Disclaimer