Фронтенд-разработка — сегодня одно из самых востребованных направлений в IT-сфере. Представляем вашему вниманию подборку из 9 видео, которая даст хороший старт тем, кто хочет попробовать свои силы во фронтенде. Разбор данного багажа знаний займет лишь 12 часов. А далее можно пройти обучение верстке с нуля.
1. С чего начать изучение фронтенда? Верстка сайта HTML + CSS.
Вебинар с грифом «для начинающих» не откроет Америку, но позволит освоить базис фронтенд разработки.
Савелий Сычев, Software Engineer в Microsoft и Преподаватель курсов программирования в Киеве рассказывает, как организовать проект, подключить файлы, проверить работоспособность CSS и HTML – все это вы узнаете из данного видео. Уверенное объяснение и понятный схематизированный видеоряд станут развернутым ответом на распространенные вопросы новичков.
2. Chrome DevTools. Обзор основных возможностей веб-инспектора.
Ознакомление с основными возможностями Chrome DevTools включает в себя обзор полезных функций браузера Google Chrome. Расписано все, начиная с открытия инспектора с помощью горячих клавиш и заканчивая определением проблем сайта через вкладку Audits. Урок короткий, но емкий. Он поможет разобраться с инструментарием популярного браузера и эффективно его использовать.
Рекомендуем курс по теме
3. Знакомство с ECMASCRIPT 2015
Профессиональный фронтенд-разработчик и преподаватель рассказывает о ECMAScript 6. Вебинар основан на презентации, каждый слайд которой дополнен практическим применением теории. Используется Sublime Text, Node.js и транспайлер Babel. Вебинар информативный и заточен под тех, кто только начал изучать фронтенд.
Рекомендуем публикацию по теме
4. Что такое Avocode? Полное руководство по Авокод за 10 минут.
Короткий видеоурок, посвященный инструменту для верстки, работающему с макетами популярных графических редакторов (Photoshop, Sketch), Авокод. Информация затрагивает определение, предназначение и использование программной среды Avocode. В общем, полный набор базовых знаний о незаменимом помощнике любого верстальщика.
5. CSS препроцессоры
Как стало понятно из первого урока, фронтенд и CSS неразлучны, и в этом видео тема взаимосвязи раскроется чуть лучше. Что такое препроцессоры CSS, зачем они нужны и как их использовать – обо всем по порядку. Упор делается на недостатки каскадных таблиц стиля и том факте, что устранить эти самые недостатки непросто. Часто именно надстройки, наделяющие CSS новыми возможностями, спасают ситуацию.
Рекомендуем публикацию по теме
6. Использование CSS, JS и SVG анимации
Web-анимация – непростой процесс, у которого есть множество вариантов реализации. В ходе вебинара не только расскажут, но и покажут главные отличия различных способов создания анимированных картинок. Интересные яркие примеры и сравнения помогут быстро разобраться в основах Web-анимации.
7. React – это просто
Смелое заявление, но с этим приходится согласиться, так как вебинар исчерпывающий, и в нём эта JavaScript-библиотека раскрывается со всех сторон. В вебинаре говорится о скорости, универсальности и других преимуществах React, которые дополняют знания о фронтенде. Кроме того, наглядная реализация теоретической части позволит «набить руку».
Рекомендуем публикацию по теме
8. Пособие для новичков: как залить портфолио на хостинг
Кто-то скажет «Да что в этом сложного?», и этот кто-то явно не новичок в этом деле. Здесь же материал подан таким образом, что поймет любой заинтересованный в изучении фронтенда. Слушатель вебинара сможет загрузить портфолио на хостинг, чтобы сделать его доступным в интернете. Параллельно затрагивается привязка домена к хостингу.
Рекомендуем публикацию по теме
9. JavaScript. Работа с API Telegram, YouTube, VK
Завершающий урок по фронтенду – как вишенка на торте. Что такое API, для чего нужен и другие немаловажные вопросы раскрываются в полной мере. Наряду с этим изучается функционал таких популярных сайтов и мессенджеров, как VK, Telegram и YouTube.
