Подпишитесь на рассылку
Компьютерной школы Hillel

Вы получите:

  1. Информацию о полезных отраслевых мероприятиях
  2. Интересные статьи IT-сферы
  3. Новости Компьютерной школы Hillel
Спасибо!
Нет, спасибо
На нашу рассылку уже подписалось 2241 человека.

Как освоить основы фронтенда за 12 часов

Автор: Hillel

8 голосов
1375

Фронтенд-разработка — сегодня одно из самых востребованных направлений в IT-сфере. Представляем вашему вниманию подборку из 9 видео, которая даст хороший старт тем, кто хочет попробовать свои силы во фронтенде. Разбор данного багажа знаний займет лишь 12 часов.

1. С чего начать изучение фронтенда? Верстка сайта HTML + CSS.

Вебинар с грифом «для начинающих» не откроет Америку, но позволит освоить базис фронтенд разработки. Как организовать проект, подключить файлы, проверить работоспособность 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.

по материалам сайта proglib.io

17.08.2017 1375
Hillel
IT School,
Компьютерная школа Hillel
Оцените этот материал
comments powered by HyperComments