Как стать фронтенд-разработчиком

Реклама

Хотите освоить профессию фронтенд-разработчика с нуля? Игорь Алексеенко, автор и преподаватель профессиональных курсов, и Александр Сушко, опытный наставник Академии, рассказали в записи лайва.

  • как подготовиться к обучению;
  • как выбрать профессию «Фронтенд-разработчик» или «React-разработчик»;
  • как выбрать наставника;
  • что сделать, чтобы эффективно работать на курсах;
  • а также ответили на популярные вопросы.

Промокод на скидку 1000 рублей ImPro1000 действует до 26 июля включительно на любую программу профессии или интенсив.

Бесплатное место на курсе по PHP

Реклама

Хотите освоить бэкенд-разработку? Есть шанс это сделать бесплатно.

В инстаграме HTML Academy разыгрываем бесплатное участие в курсе «PHP, уровень 1», который пройдёт с 6 августа по 6 октября.

Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов.

В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами. Подробнее автор курса рассказывает в записи лайва.

Подробнее об условиях участия в конкурсе читайте здесь. Испытайте свою удачу! Итоги подведём 16 июля.

Прокачать навыки вёрстки

Реклама

Уже 8 июля стартует курс «HTML и CSS, уровень 2». Вы научитесь верстать адаптивно, а на каждом этапе вашу работу будет проверять и ревьюить личный наставник — опытный разработчик.

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

Следующие четыре недели — практика, ученики дорабатывают проект и готовят его к финальной защите.

Вы узнаете, как использовать систему контроля версий Гитхаб, работать по методологии БЭМ, освоите препроцессоры, адаптивность и автоматизацию.

Курс подойдёт выпускникам «HTML и CSS, уровень 1», начинающим разработчикам с базовыми навыками вёрстки, а также тем кто хочет прокачать свои навыки в современных технологиях.

Как прошёл предыдущий поток можно узнать в блоге. По промокоду htmlbook скидка на участие 1000 рублей.

Освоить профессию «React-разработчик» с нуля

Реклама

Ближайший поток профессии «React-разработчик» пройдёт со 2 сентября 2019 года по 10 августа 2020. Это одиннадцать месяцев насыщенной работы над пятью проектами: от вёрстки простого макета до SPA.

Вас ждёт непрерывное обучение под руководством наставника — опытного разработчика, голосовые консультации, живые лекции, тонны ревью кода и, как минимум, пять проектов в портфолио.

После прохождения профессии вы станете сильным специалистом, который понимает, что он делает, и знает, как использовать инструменты правильно. А успешные выпускники смогут пройти стажировку в «Лиге А.» и получить опыт работы с реальными заказами.

До встречи 2 сентября, а по промокоду htmlbook вас ждёт небольшая скидка на обучение.

Уроки по CSS

Выпустил новый учебник по CSS в виде приложения под Андроид. Устанавливайте, рекомендуйте другим и пишите мне, что ещё добавить в будущих версиях.

Перейти к приложению на Google Play

6 новых вызова в HTML Academy

Реклама

Интерактивные курсы в Академии — это освоение вёрстки в игровой форме с живым кодом. Вас ждут интересные задачи, приближенные к реальным.

В курсах встретятся простые задания, испытания, принцип которых — «сверстай, как показано в образце» и специальные вызовы — для тех, кто хочет больше практиковаться.

На прошлой неделе как раз вышло четыре вызова начального уровня и два средней сложности в курсе «Знакомство с HTML и CSS».

Они доступны при активной подписке. Принимайте вызов, прокачивайте свои знания и помогите Кексу справиться с заданиями!

Введение в CSS Shapes

Оригинал: tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/
Перевод: Влад Мержевич

CSS Shapes позволяет создавать интересные и уникальные макеты, определяя геометрические фигуры, изображения и градиенты, вокруг которых может обтекать текстовое содержимое.

Освоить бэкенд-разработку с нуля

Реклама

6 августа стартует профессиональный курс «PHP, уровень 1». Вас ждёт девять недель практической работы и защита личного проекта в конце.

Курс рассчитан на новичков в программировании, для прохождения достаточно базового знакомства с HTML и CSS. Во время обучения вы научитесь с нуля писать серверную логику для проектов.

В программе:

  • изучение синтаксиса PHP и SQL;
  • настройки веб-сервера и сервера баз данных;
  • решение типовых задач бэкенд-программиста: аутентификация, авторизация и работа с формами.

Обучение проходит под руководством наставника — опытного разработчика, которому вы сможете задавать вопросы по ходу обучения.

Чтобы узнать больше об интенсиве — посмотрите запись трансляции с автором курса Кириллом Сенкевичем и обзоры личных проектов.

До 11 июня стоимость участия 15 400 рублей, а по промокоду htmlbook скидка 1000 рублей.

До встречи на курсе!

Прижатый подвал, 5 способов

Оригинал: css-tricks.com/couple-takes-sticky-footer
Перевод: Влад Мержевич

Краткая история, если хотите.

Смысл прижатого подвала заключается в том, что он «прилипает» к нижней части окна браузера. Но не всегда; если на странице достаточно содержимого, чтобы сдвинуть подвал вниз, то это будет сделано. Если содержимого на странице мало, тогда подвал прижмётся к нижней части окна браузера.

Прижатый подвал

Новые вызовы в HTML Academy

Реклама

Двенадцать новых вызовов появились в курсе «Знакомство с HTML и CSS». Вызовы — практические задания для тренировки, доступные по подписке.

Кекс подготовил для вас задачки разной сложности: один простой вызов, два — средних, и один продвинутого уровня.

Пройдите бесплатный курс и закрепите знания более сложными задачами: ищите ошибки в разметке и стилях, исправляйте ошибки и создавайте шедевры для пушистого заказчика.

Конические градиенты в CSS

Большинство веб-разработчиков уже имели дело с линейными и радиальными градиентами. С их помощью создание градиентов в CSS происходит очень просто, хотя ранее нужно было использовать предварительно созданные изображения. Недавно в спецификации CSS Image Values and Replaced Content был определён новый тип — конический градиент. Он позволяет использовать градиенты, которые рисуются по окружности.

Название «конический градиент» основано на том, что когда в этом градиенте применяются контрастные цвета, он создаёт эффект конуса. Иногда такие градиенты также называют угловыми.

Как стать React-разработчиком с нуля?

Реклама

Понадобится мотивация, чёткая современная программа, грамотный преподаватель и опытный наставник. И, конечно, время: 2-4 часа на обучение каждый день.

Готовы? Открыт набор на профессию «React-разработчик»: стартуем 2 сентября, а финал 10 августа 2020 года.

Программа состоит из пяти курсов по 9 недель. Непрерывное обучение, 45 часов голосовых консультаций с наставником, тонны ревью кода и минимум пять проектов в портфолио.

Вместе с наставником вы в условиях приближённых к реальной разработке пройдёте пять этапов:

  1. Учимся верстать с нуля на «HTML и CSS, уровень 1».
  2. Далее осваиваем продвинутые техники и тонкости адаптивной вёрстки на «HTML и CSS, уровень 2».
  3. Какой фронтенд без JavaScript? Знакомимся с оживлением интерфейса и программированием на «JavaScript, уровень 1».
  4. Идём дальше, проектируем SPA-приложения, осваиваем ООП и синтаксис ES2015 на «JavaScript, уровень 2».
  5. Всё серьёзно — «JavaScript, уровень 3», проектируем большие клиентские приложения на стеке React-Redux-Thunk-Jest. Разбираемся, где использовать React, а где он не нужен.

Что дальше? Возможность трёхмесячной оплачиваемой стажировки в «Лиге А.» на реальных проектах.

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

Участие можно оформить в рассрочку на 14 частей, а после обучения оформить налоговый вычет.

Градиентный текст

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

Использование mix-blend-mode

Свойство mix-blend-mode определяет режим наложения цвета текста на фоновый цвет. Подобные режимы наложения можно увидеть в графических редакторах вроде Photoshop, соответственно, идея наложения и названия режимов позаимствованы оттуда.

Перед применением этого метода текст надо обернуть в какой-нибудь элемент (<p>, <span>, <div>, <h2> и др.) и установить для него родителя. Мы сделаем такую структуру: <div> в качестве родителя; <h2> для текста.

<div>
  <h2>Градиентный текст</h2>
</div>

Теперь для <div> устанавливаем желаемый градиент через свойство background, а для <h2> ставим белый цвет фона и свойство mix-blend-mode со значением screen (пример 1).

Пример 1. Свойство mix-blend-mode

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Градиентный текст</title>
  <style>
   div {
    background: linear-gradient(red, blue); /* Градиент для текста */
   }
   div > h2 {
    font-size: 3rem; /* Размер текста */
    margin: 0; /* Убираем отступы */
    background: white; /* Белый цвет фона */
    mix-blend-mode: screen; /* Режим наложения */
   }
  </style>
 </head>
 <body>
  <div><h2>Градиентный текст</h2></div>
 </body> 
</html>

Результат данного примера показан на рис. 1.

Градиентный текст

Рис. 1. Градиентный текст

Новые вызовы в курсе «Основы JavaScript»

Реклама

Вышли новые вызовы в главе «Объекты» для курса «Основы JavaScript». Вызовы — это практические задания, которые помогут вам закрепить знания, полученные во время прохождения курса.

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

Курс доступен только для подписчиков. Готовы присоединиться и взяться за вызовы?

HTML и CSS, уровень 1

Реклама

Доступна запись на «HTML и CSS, уровень 1», который пройдёт с 6 мая по 7 июля.

Курс разработан специально для новичков без знания вёрстки и тех, кто хочет привести в порядок полученные ранее знания.

Вас ждёт 20 часов лекций в формате лайв-стрима, скринкасты с разборами практики, дополнительные материалы и личный наставник, который будет проводить ревью вашего кода.

На выбор два формата участия:

  1. Стандартный — три проекта на выбор, пять недель работы с наставником и четыре недели на самостоятельную доработку проекта. Подойдёт для тех, кто хочет защитить один личный проект.
  2. Комфортный — пять проектов на выбор, девять недель работы с наставником. Выбирайте, если хотите взять сложный проект, а также успеть защитить два проекта за курс.

Количество мест на курсе ограничено. Также доступна оплата в кредит на 12 месяцев с ежемесячным платежом 1774 рубля.

Для читателей по промокоду htmlbook будет скидка 1000 рублей на участие в курсе «HTML и CSS, уровень 1». До встречи 6 мая!

Как происходит обучение рассказал Вадим Макеев, автор и преподаватель курса:

Страницы