Верстка макету на CSS Grid.
Владислав Єрмолаєв
Front-End Developer у Voxloud
01.01.1960
19:00 - 21:00
Рейтинг: 5.
Проголосувало: 16
Вы узнаете о современной технологии верстки CSS Grid Layout (сокращенно Grid). Познакомимся с историей Grid, узнаем почему появилась эта технология в CSS. Разберем преимущества и недостатки данной технологии. А самое главное, на практике сверстатаем макет с помощью Grid. В конце вебинара нас ждут советы, подборка полезных ресурсов по Grid и ответы на вопросы от спикера.
План вебинара:
- Знакомство.
- История создания CSS Grid Layout.
- Основы работы с технологией Grid.
- Терминология.
- Grid container (грид-контейнер).
- Grid line (грид-линия).
- Именованные грид-линии.
- Grid item (грид-элемент).
- Многослойность в Grid.
- Grid area (грид-область).
- Grid gutter (грид-интервал).
- Размеры в Grid.
- Повторы в Grid.
- Преимущества использования Grid.
- Недостатки.
- Использование Grid на практике. Делаем проект по PSD макету.
- Подборка полезных ресурсов и статей по CSS Grid.
- Ответы на вопросы.
Целевая аудитория:
Начинающие верстальщики и FrontEnd разработчики.
01.01.1960
60
1242
01.01.1960
120
1615
01.01.1960
60
597
01.01.1960
120
667
01.01.1960
90
2737
01.01.1960
120
793
01.01.1960
120
1159
01.01.1960
120
1813
01.01.1960
120
1229
01.01.1960
120
2648
01.01.1960
120
1153
01.01.1960
90
1786
Асинхронне програмування на JavaScript
24.09.2025
Синхронний та асинхронний код відрізняються способом виконання задач: синхронний виконується послідовно, а асинхронний дозволяє паралельно виконувати кілька операцій, не блокуючи основний потік. Для асинхронних операцій використовуються такі методи, як callback, Promise, async/await та Observable.
Що повинен знати FrontEnd розробник у 2024 році
13.02.2024
FrontEnd – один із найлегших розробницьких напрямків в ІТ. Він вигідно вирізняється тим, що поєднує в собі програмування та творчість, оскільки девелопер працює над оживленням дизайнерського макету та створенням відповідної користувацької логіки.
Як правильно укласти договір на розробку сайту: поради для фрілансерів
09.01.2023
Фрілансери не завжди укладають договір на розробку сайту із замовниками, покладаючись на домовленості, озвучені усно чи сформульовані в переписці. Адже сам процес узгодження і підписання документів займає певний час і потребує зусиль. Втім, співпраця на довірі доволі ризикована для обох сторін. Крім того, що один із учасників може безкарно відмовитися від виконання своїх обов’язків, є чимало ньюансів, які ускладнюють співпрацю в разі відсутності документально завірених алгоритмів роботи. Навіть коли обидві сторони мають намір добросовісно виконати всі домовленості, їх може підвести банальне непорозуміння.
Що повинен знати FrontEnd розробник у 2023 році
02.01.2023
Тож якими технологіями необхідно володіти, аби стати Intern/Junior FrontEnd розробником у 2023 році? Проаналізувавши вакансії на українському ринку айті, ми склали список актуальних інструментів, які зазвичай вимагають роботодавці від кандидатів. Їхній перелік – нижче у статті.
ТОП-10 найкращих відео з FrontEnd
06.05.2021
Друзі, сьогодні ми підготували для вас вибірку найкращих вебінарів від ITVDN за напрямком FrontEnd. До рейтингу були включені як пізнавальні вебінари з актуальною інформацією, так і вебінари прикладного характеру, які мають на меті вдосконалення ваших навичок написання коду. Давайте приступимо до їх розгляду.
Що повинен знати FrontEnd розробник у 2021 році
30.03.2021
Верстка сайтов и веб-программирование привлекают большое количество новичков в мир IT. Это связано с достаточно низким порогом вхождения. Количество желающих стать фронтендщиком с каждым годом увеличивается, вследствии чего растут и требования к кандидатам.
Хто такий Full-stack розробник
29.07.2020
Full-stack розробник (вимовляється "фул стек") – це якийсь майстер на всі руки у світі веб-розробки. Йому під силу реалізувати як клієнтську, так і серверну сторону додатку, якими, зазвичай, займаються FrontEnd і BackEnd розробники окремо один від одного. Таким чином, Full-stack спеціаліст здатний одноосібно вести проєкт від початку до кінця.
Що повинен знати FrontEnd розробник у 2019 році
06.11.2019
Верстка сайтов и веб-программирование привлекают большое количество новичков в мир IT. Это связано с достаточно низким порогом вхождения. Количество желающих стать фронтендщиком с каждым годом увеличивается, вследствии чего растут и требования к кандидатам.
Що таке адаптивна верстка і навіщо вона потрібна
15.05.2019
Еще в 2015 году Google внедрил изменения в алгоритмы своей поисковой системы, которые теперь учитывают адаптированность сайта под мобильные устройства как важный пункт при ранжировании сайта. Дата была удачно названа Мобилгеддон (Mobilegeddon), как сравнение с Армагеддоном. Одно только такое введение требований от поисковиков к наличию мобильной версии сайта может оправдать важность адаптивного дизайна. Проще говоря, веб-сайт должен быть удобным для просмотра на смартфоне.
Інструменти Vue.js розробника
27.11.2018
Когда вы начинаете свои эксперименты с Vue и открываете инструменты разработчика в браузере, вы обнаружите предложение загрузить инструменты разработчика Vue.js по указанной ссылке.
Топ-5 кращих фреймворків для Python-розробників
07.11.2018
Сейчас трудно представить себе любого девелопера без использования фреймворков. Здесь вы найдёте 5 лучших и наиболее признанных фреймворков для Python-разработчиков.
коментарі та обговорення