Изучаем HTML и CSS

В этом выпуске научимся делать правильные полноэкранные (fullscreen) блоки используя только CSS и HTML. Узнаем как верстать на весь экран. Поехали!

Результат верстки из урока для подписчиков на патреоне:
https://www.patreon.com/posts/38045843

🔴 Получить…

Мы начинаем новый курс уроков по React js. На данный момент React самая популярная JavaScript библиотека во Front end. Мы начнем с самых основ для начинающих, я покажу все базовые моменты работы с React js. Для начала расскажу как и зачем вообще используют…

CSS: полное руководство по функции calc(). В CSS есть особая функция calc(), применяемая для выполнения простых вычислений. Вот пример её использования.

Макет сайта в psd: https://yadi.sk/d/Pdo6dAQSIHeFtg Готовая верстка тут: https://yadi.sk/d/pPYe-V3ZROQS-A Изучаем vh, vw и другие относительные единицы в CSS...

Делаем свою тему на Wordpress. В уроке создадим дополнительные поля и выведем меню

/* Материалы урока */
Код урока: https://github.com/DmitryBerdnikov/pizzatime-wordpress/tree/master/lesson2
Макет: https://drive.google.com/file/d/1x2G6nxGaxhxItLxUqclqGEPFNf8y0eSS…

В этом уроке мы научимся делать видео фон на весь экран. А также придадим ему эффект затухания при скролле.

Ссылка на страницу с исходниками: https://antonaniskovich.ru/video-na-ves-ekran-s-zatuhaniem-pri-skrole.html

Автор видео, которое использовалось…

Делаем свою тему на Wordpress. В уроке создадим дополнительные поля и выведем изображения из админ панели в формате webp

/* Материалы урока */
Код урока: https://github.com/DmitryBerdnikov/pizzatime-wordpress/tree/master/lesson3
Макет: https://drive.goo…

В этом видео мы научимся делать анимацию с помощью CSS на примере едущей машины по ночному городу. Анимация машины на CSS - это простая анимация, которая пом...

В данном уроке мы научимся верстать страницу видео. Данный плейлист первый опыт на ютубе, когда демонстрируется внутренняя кухня реального проекта. Весь плей...

Практика решает, поэтому в этом ролике разбираем примеры использования флексбоксов (flexbox) в типовых ситуациях. Часть первая.

Навигация по видео:
01:26 Простое центрирование внутри блока.
04:41 Хедер на флексбоксе.
08:22 Многострочный список элементов.…

Делаем свою тему на Wordpress. В уроке создадим товары и выведем их на главную страницу

/* Материалы урока */
Код урока: https://github.com/DmitryBerdnikov/pizzatime-wordpress/tree/master/lesson4
Макет: https://drive.google.com/file/d/1x2G6nxGaxhxItLxUqclqGEPFNf8y0eSS…

Достаточно простая HTML разметка и всего несколько строк CSS кода позволяют создать простое, но стильное меню, которое обязательно найдёт свое место в каком-...

Профессия Python-разработчик. Курс с индивидуальной проверкой заданий, огромной скидкой и подарками! Жми сюда — https://live.skillbox.ru/code_int/online/140420/special/

MB01KKXZFD301UV

4-й урок из серии по верстке интернет-магазина с пошаговым и подробным объяснением для начинающих. Макет из PSD. Работа с Avocode. Использование CSS препроцессора SCSS.

Скачать макет из ВКонтакте: https://vk.com/app5898182_-40137828#s=714361


::: О ПРОЕКТЕ…

Во время лекции мы поговорим о структурах данных, вычислительной и амортизированной сложности.

На примере простого списка задач и его эволюции с постепенными улучшениями рассмотрим подходы к задачам написания серверной части веб-приложений. Сделаем обзор…

Благодаря таким функциям, как оперативное выполнение ввода/вывода и его широко известному синтаксису JavaScript, Node.js быстро стал популярной рабочей средой для разработки веб-приложений на стороне сервера.

5-й урок из серии по верстке интернет-магазина с пошаговым и подробным объяснением для начинающих. Макет из PSD. Работа с Avocode. Использование CSS препроцессора SCSS.

Получить макет и коды уроков: https://vk.com/app5898182_-40137828#s=714361


::: О ПРОЕКТЕ…

A visual overview of useful skills to learn as a web developer

Плавно переходим к малому кругу и речь пойдет о визуальных компонентах, т.е. непосредственно о пользовательском интерфейсе (UI). Подробнее…