Тег: CSS

CSS. Позиционирование элементов | Лекция 7 1/2 | Web-разработка для начинающих

Позиционирование в css для многих остается какой-то сложно и непонятной штукой. Но все очень просто, и я попытаюсь это доказать за 20 минут. Поговорим про все значения свойства position и посмотрим примеры: static, relative, absolute, sticky, fixed.

Это седьмая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями

07 октября 2020
2 тыс.
20 сек

Scrum. Метод управления проектами для программистов | Лекция 6 | Web-разработка для начинающих

Для того, чтобы ускорить разработку и сделать финальный продукт качественным, в программировании применяется методология Agile. Но в целом аджайл - слишком широкое понятие, поэтому мы поговорим о Scrum - самом популярном подходе в веб-разработке.

Это пятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

24 августа 2020
2 тыс.
19 сек

Веб-приложения | Лекция 5 | Web-разработка для начинающих

Что такое веб-приложение? Какие его основные признаки? Чем веб-приложение отличается от веб-сайта?

Это пятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

22 июля 2020
2.6 тыс.
13 сек

Git для новичков. Базовые команды и принципы | Лекция 4 | Web-разработка для начинающих

Поговорим об основных принципах и идеях работы с git. Обсудим самые главные команды и как их можно использовать.

Это четвертая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

22 июля 2020
2.2 тыс.
15 сек

CSS. Селекторы, flexbox, анимации | Лекция 3 | Web-разработка. После курсов в джуниоры

В этом видео мы разберем основные селекторы CSS, поговорим о флексбоксах и посмотрим на анимации. Только самое главное и самое нужное - никакой "воды".

Это третья лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

08 июля 2020
2.2 тыс.
16 сек

Инструменты и программы для веб-разработчика | Лекция 2 | Web-разработка. После курсов в джуниоры

В этом видео я хотел бы рассказать и посоветовать программы, которые нужны любому веб-разработчику. Так же во время рассказа буду делать акцент на том, какая разница есть между операционными системами (Linux/MacOS/Windows) и как это влияет на работу.

Это вторая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

08 июля 2020
2 тыс.
20 сек

HTML и CSS. Потерянные знания | Лекция 1 | Web-разработка. После курсов в джуниоры

Первая лекция серии для тех, кто изучал веб-разработку (например, закончил курсы, или может быть учил самостоятельно) и хочет закрепить свои знания по самым значимым темам.

В этой лекции речь пойдет про самое важное в HTML и CSS - только то, что может понадобиться в реальной жизни на старте карьеры веб-разработчика.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

27 июня 2020
1.9 тыс.
18 сек

fetch API

fetch api

Одним из недостатков изпользования AJAX в вебе долго оставалось вот это - XMLHttpRequest - API не предназначенное для такого использования. Было много элегантных оберток вокруг XHR, но всегда казалось, что можно лучше.

25 декабря 2019
3.4 тыс.
7 мин

Ленивая (отложенная) загрузка изображений, или Lazy loading

«Ленивая загрузка изображений» – это практика, которая популярна уже около десятилетия, и на то есть веская причина: изображения, как правило, – самая тяжелая часть страницы, и возможность не отображать картинки, которые не видны на экране значительно ускоряет загрузку страницы. Есть плагины для ленивой загрузки изображений практически для каждого JavaScript-фреймворка, или же можно использовать Intersection Observer API. Сейчас такой функционал стал очень востребован и разработчики Chrome добавили встроенную поддержку lazy loading в браузер.

20 декабря 2019
2.6 тыс.
1 мин

Индикатор положения прокрутки страницы

Сегодня очень модно показывать текущее положение прокрутки страницы вверху этой самой страницы. Кому-то из разработчиков пока недостаточным наличие «лифта справа» и, вот он новый элемента дизайна многих страниц в интернете. Ну да ладно, не стану пытаться искать причины столь наличия столь странного элемента, а лишь покажу как легко он делается.

28 ноября 2016
6.2 тыс.
2 мин