Знакомство с гридами

Реклама

Новости из HTML Academy: в курсе «Построение сеток» появилась новая глава «Знакомство с гридами». Она доступна пользователям с активной подпиской.

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

Затем применим полученные знания на практике и сверстаем с помощью гридов пару небольших интерфейсов.

Готовы к знакомству с гридами?

Справочник HTML

Большой популярностью пользуется справочник HTML, поэтому обновил локальную версию, которая не требует подключения к Интернету и пользоваться ей можно даже в деревне. Был бы компьютер только.

Все примеры со всеми картинками теперь можно смотреть сразу в браузере!

Вот форма сразу для оплаты. Справочник стоит 59 рублей; как обычно, считайте это поддержкой сайта, чтобы в будущем были новые учебные курсы и руководства. Без вашей поддержки ничего этого не будет.

Кто уже приобретал, обновление должно прийти автоматом, лишний раз платить ничего не нужно.

Интенсивные или профессиональные курсы в Академии

Реклама

В HTML Academy есть интерактивные и профессиональные курсы. Чем они отличаются?

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

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

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

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

Профессия «Фронтенд-разработчик»

Реклама

Открыта запись на профессию «Фронтенд-разработчик», которая пройдёт с 21 января по 8 августа 2019 года.

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

  • «HTML и CSS, уровень 1»
  • «HTML и CSS, уровень 2»
  • «JavaScript, уровень 1»

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

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

Программа рассчитана на тех, кто планирует начать карьеру в IT. Для всех выпускников программы доступны тестовые задания, которые разработаны совместно с партнёрами для трудоустройства.

Выпускники также получат гарантированную оплачиваемую стажировку в «Лиге А».

Доступно разделение оплаты на три части.

Тесты на сайте

В силу непреодолимых технических трудностей перестала работать проверка знаний в виде тестов. Впрочем, плакать об этом не надо, есть отличная альтернатива на сайте webref.ru. Чем это всё лучше?

  • В конце теста показываются правильные и неверные ответы. Об этой возможности слёзно просили все годы существования сайта.
  • Проверяется понимание небольшой темы, соответственно, легко проверить знания в разных областях.
  • Тесты связаны с учебными курсами и основаны на них; в случае чего можно подтянуть пробелы в знаниях.
  • Тесты написаны более грамотно, в них нет дурацких вопросов (надеюсь).

Самих вопросов гораздо больше, чем выводится; случайным образом выбирается лишь заданное число вопросов. Так что имеет смысл проходить один и тот же тест несколько раз.

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

Реклама

Открыта запись на курс «HTML и CSS, уровень 1», который пройдёт с 12 ноября по 23 января.

Он пройдёт в новом формате: продолжительность обучения теперь девять недель. Первые пять недель учеников ждут лекции и работа над личным проектом под руководством наставника. Наставник — это опытный специалист, который будет проверять практические задания, отвечать на вопросы, помогать с вёрсткой и делиться секретами мастерства. Следующие четыре недели — практика, ученики самостоятельно дорабатывают проект и готовят его к финальной защите. Студентам предстоит с нуля сверстать один из четырёх на выбор макетов, используя актуальные инструменты и стандарты. Такой формат позволит новичкам завершить курс в комфортном темпе и уделить больше времени самостоятельной работе.

После обучения вы сможете:

  • Решать типовые задачи верстальщика.
  • Использовать профессиональные инструменты.
  • Начать карьеру с первого проекта в портфолио.

Подробнее о курсе

Бесплатный курс по SVG

Реклама

Бесплатный интерактивный курс по SVG познакомит вас с основами векторной графики и поможет разобраться с базовыми понятиями: линиями, прямоугольниками, окружностями.

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

А новая глава «Размеры в SVG» позволит попрактиковаться с масштабированием и работой с атрибутами viewBox и preserveAspectRatio.

Пройти курс «SVG»

https://htmlacademy.ru/courses/svg?utm_source=htmlbook&utm_medium=blog&utm_campaign=courses_svg

Самоучитель CSS

Обновил мобильное приложение для Андроида Самоучитель CSS, добавился новый раздел и новые задания. Если ещё не устанавливали это приложение, срочно устанавливать!

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

Как хобби стало полноценным стартап-проектом htmllessons

Меня зовут Шушвал Максим. На данный момент я создатель и руководитель проекта htmllessons.ru – обучение по созданию сайтов в игровой форме. Я закончил колледж ПКГХ в Санкт-Петербурге по специальности «Программирование в компьютерных системах», проучившись эти четыре года я многое понял.

  1. Образование по созданию сайтов мягко говоря не очень.
  2. Ощущение того, что время тратится впустую.
  3. А если даже и было одна-две пары в неделю по сайтам, то это старый материал и тупо «голая» теория.

По итогу студенты, окончившие ВУЗ или колледж, выходят в мир с пустой головой и без нервной системы. Всё что получали – это голую теорию по pdf-файлам и никакой практики. В итоге у меня родилась идея альтернативного образования — htmllessons.ru. Немного предыстории…

Профессиональный JavaScript, уровень 1

Реклама

28 августа стартует онлайн-курс «Профессиональный JavaScript, уровень 1». Это будет шесть недель практического обучения на реальных проектах.

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

Участников ждут 20 часов живых лекций о JavaScript и работа над личным проектом под руководством персонального наставника. Обучение направлено на приобретение навыков, необходимых для работы над реальными задачами в крупных компаниях.

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

Для читателей сайта скидка 800 руб. по промокоду htmlbook-js1записаться на курс со скидкой.

Структурные псевдоклассы

Добавил новое руководство на webref.ru, посвящённое псевдоклассам :nth-child(), :nth-of-type() и другим схожим. Чем они отличаются друг от друга, для чего используются, как применяются — вот об этом всё и написано.

Соответственно обновил и справочник CSS, где расширил и дополнил описания этих псевдоклассов.

Как сделать ваш мобильный сайт быстрее

Каждый пользователь сети, как правило, спешит, и может покинуть сайт, не дождавшись быстрого ответа. Отсюда минимальное время загрузки страниц сайта становится одним из приоритетов для веб-мастеров.

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

Вот несколько советов о том, как это сделать в 2018 году, когда Google решил запустить свой Mobile First Index.

Обновления курсов по JavaScript

Реклама

В интерактивных курсах по JavaScript произошли большие изменения:

  • Переработаны все задания и добавлены новые.
  • Добавлены видеоразборы испытаний, если появились затруднения или хочется посмотреть эталонное решение задачи.
  • Появились вызовы, специальные испытания для тех, кто хочет больше практики.
  • Стали доступны конспекты после каждого курса, чтобы легко возвращаться к теории в любой удобный момент.

Курсы доступны по подписке за 390 руб. в месяц!

Хотите получить подписку в подарок от инструктора Кекса? Напишите своей рукой небольшой рассказ о том, почему вы хотите начать писать на JavaScript. Сфотографируйте письмо и выложите в инстаграм (или в другой социальной сети), отметьте нас и поставьте хештег #htmlacademy

А 2 июля Кекс прочитает все ваши письма и подарит каждому месяц подписки на интерактивные курсы, а кому-то даже год. Участвуйте в беспроигрышном конкурсе!

Ежегодная конференция по фронтенду pitercss_conf

Реклама

Уже скоро 8 и 9 июня в Санкт-Петербурге пройдёт pitercss_conf — событие посвящённое вёрстке и фронтенд-разработке.

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

16 докладов на английском языке от разработчиков со всего мира: Björn Ganslandt (Intuio), Brenda Storer (Thoughtbot), Oliver Schöndorfer (86/60), Anna Migas (Lunar logic), Mathieu Henri (Microsoft), Shay Keinan, Roman Dvornov (Avito), Andrey Sitnik (Evil martians), Una Kravets (Bustle), Sergei Kriger (Sinnerschrader), Lisi Linhart, Andreas Larsen, José Manuel Pérez (Spotify), Kornel Lesinski (Imageoptim), Roman Prudnikov (2gis) и Maxim Salnikov.

Ведущий мероприятия Виталий Фридман из Smashing Magazine.

Организатор — HTML Academy, при поддержке Google, Mozilla, Uploadcare, Sinnerschrader, Авито, Контур, *Shishki. Билеты в продаже: на один или два дня, по ссылке скидка 1000 рублей от Академии — https://pitercss.com

Псевдокласс :checked

На webref.ru выложил небольшое руководство, посвящённое псевдоклассу :checked. Для чего оно вообще нужно, как использовать, как с его помощью делать вкладки, меню, менять вид переключателей и флажков.

Как вам такой формат? Когда берём какое-то стилевое свойство или псевдокласс и рассматриваем его со всех сторон.

Страницы