htmlbook.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. Для чего оно вообще нужно, как использовать, как с его помощью делать вкладки, меню, менять вид переключателей и флажков.

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

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

Обновил самоучитель HTML под Андроид. Главное добавление — практические задания по разным темам HTML. Задания простые, небольшие и с автоматической проверкой выполнения. Предназначены для закрепления навыков по написанию кода HTML. Теперь это действительно самоучитель.

  • Более 120 практических заданий по основам HTML, элементам списка, таблицам, аудио, видео и др.
  • Результат каждого задания, как он выглядит в браузере, можно сразу же просмотреть в отдельной вкладке.
  • Все пункты задания проверяются автоматически.

Вот как это выглядит на экране смартфона.

Устанавливайте, изучайте HTML, ставьте пять баллов, пишите хвалебные отзывы.

JavaScript с нуля за шесть недель

Реклама

Прокачаться, как фронтенд-разработчик и освоить JavaScript на практике можно этим летом с 29 мая по 11 июля на четырнадцатом потоке интенсива «JavaScript, уровень 1».

Что из себя представляет интенсив:

  • Живые лекции в формате стримов с Игорем Алексеенко, разработчиком и автором курса. Во время которых идёт взаимодействие с преподавателем через чат в реальном времени.
  • Работа над личным проектом. Вам предстоит реализовать техническое задание по оживлению готовой вёрстки.
  • Ревью кода от личного наставника на индивидуальных консультациях.
  • Контроль качества по специально разработанным критериям: финальную проверку проводит случайный наставник.
  • Условия работы приближены к реальному рабочему процессу джуниора на проекте в компании.

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

До 8 мая можно записаться на курс со скидкой.

.

Паблик ВКонтакте

Возродил паблик WebReference. Присоединяйтесь сами, рекомендуйте другим, комментируйте, обсуждайте.

Практический курс по HTML и CSS

Реклама

Изучение основ HTML и CSS и теории в целом — это хорошо. Но как начать применять их на практике?

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

С 28 мая по 4 июля 2018 года пройдёт ближайший поток, на котором вы сверстаете свой личный проект под руководством наставника. Вы научитесь использовать флексбоксы, векторную графику, делать разметку семантичной, постигните таинство доступности и лучших практик.

Курс рассчитан на новичков и желающих систематизировать базовые знания. Сложность интенсива варьируется сложностью выбранного проекта.

Вас ждёт много практике, дополнительных материалов и 20 часов живых лекций, которое ведут четыре опытных преподавателя.

Если для вас комфортнее работать в спокойном темпе, то есть формат участия с продлёнными сроками: c 28 мая по 2 августа.

Справочник HTML

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

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

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

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

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

Реклама

Если хотите стать фронтенд-разработчиком до конца года, но не знаете как спланировать обучение и за что браться, то программа «Фронтенд-разрабочтик» для вас.

Открыта запись на профессию «Фронтенд-разработчик» с 6 августа по 26 декабря 2018 года. Всё обучение проходит онлайн, так, что его можно подстроить под свой график.

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

Программа состоит из трёх ступеней:

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

С проектами можно познакомиться заранее здесь.

В чём отличие программы от прохождения интенсивов по отдельности:

  • Увеличенные сроки защиты проектов. Возможность продолжать работу над проектом между курсами.
  • Больше консультаций с наставником на каждом этапе: 20 часов вместо 14.
  • Доступ к тестовым заданиям на трудоустройство и возможность стажировки в нашем продакшене «Лига А.». Мы разрабатываем их совместно с работодателями специально для выпускников Академии.

Самоучитель HTML под Android

Выпустил новую версию самоучителя HTML в виде мобильного приложения под Android. Кроме самой теории с примерами есть куча вопросов для самопроверки. Установить можно через Google.Play.

Добавились новые разделы про формы, аудио и видео, фреймы и семантику. Старые тексты тоже обновлены, чтобы они лучше соответствовали современным стандартам.

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

Онлайн-интенсив «HTML и CSS, уровень 2»

Реклама

9 апреля стартует интенсив «HTML и CSS, 2 уровень». Если вы уже имеете опыт в вёрстке и хотите прокачать навыки, то эта программа для вас.

Пять недель и вы научитесь:

  • Верстать адаптивные проекты, используя флексбоксы и готовить графику.
  • Использовать препроцессоры и инструменты автоматизации сборки.
  • Любить методологию БЭМ.
  • Оптимизировать свою вёрстку.

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

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

Если нагрузка и стиль жизни не позволяет окунуться на пять недель в интенсивное обучение, то для курса доступно продлённое участие в 9 недель.

Разделы веб-страницы

На webref.ru добавил новый курс Разделы веб-страницы, в котором описано, как использовать элементы nav, section, aside и др. Как обычно, курс отличается тем, что в нём есть вопросы для самостоятельной проверки, интерактивные задания и финальный тест для проверки знаний.

Страницы