Псевдокласс :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 августа.
Профессия «Фронтенд-разрабочтик»
Реклама
Если хотите стать фронтенд-разработчиком до конца года, но не знаете как спланировать обучение и за что браться, то программа «Фронтенд-разрабочтик» для вас.
Открыта запись на профессию «Фронтенд-разработчик» с 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 и др. Как обычно, курс отличается тем, что в нём есть вопросы для самостоятельной проверки, интерактивные задания и финальный тест для проверки знаний.
Вышел новый онлайн-курс «JavaScript в браузере»
Реклама
В разделе «Основы JavaScript» появился новый курс — «JavaScript в браузере». Он состоит из 21 задания, включая два испытания от Кекса. Посмотрим, как JavaScript работает в браузере, а не в консоли, как взаимодействует с разметкой. Узнаем, что такое DOM и создадим разметку с JavaScript.
Кекс, естественно, подготовил новое техническое задание:
«Мяу! На сайте магазина мороженого надо отображать актуальное состояние товаров: «в наличии», «нет в наличии», «хит». Ещё будет нужно создать карточки товаров, основываясь на данных, полученных с сервера.
Все детали я описал в заданиях.»
Курс доступен по подписке.
Знакомство с JavaScript
Реклама
В прошедший понедельник Кекс бросил вызов нашим подписчикам социальных сетей: до конца недели набрать 500 репостов записи, чтобы взломать курс «Знакомство с JavaScript». И уже в четверг курс был взломан — теперь он доступен для всех и навсегда.
Из курса вы узнаете, как работают переменные и операции в языке, какие бывают типы данных. В конце предстоит написать программу по техническому заданию от Кекса:
«Мяу! Мне нужно привести себя в форму к выставке CatFashionExpo2018. Для этого мне нужен свой особый фитнес-калькулятор. Возьмётесь?»
Новый курс «Объекты»
Реклама
В разделе «Основы JavaScript» появился новый курс — «Объекты». Он состоит из 28 заданий, два из которых специальные испытания. С их помощью получиться разобраться, как читать из объектов, что такое словари и контекст вызова, а также научиться использовать встроенные и кастомные методы.
Финальное испытание от Кекса на этот раз, помочь ему в строительстве дома:
«Мяу! Я решил построить дом. Допиши за меня конфигуратор для расчёта площади и стоимости строительства. Я уже начал, но быстро утомился. Да и зачем писать код самому, если есть разработчики?
Все детали в ТЗ, жду результата. Может, приглашу тебя на новоселье.»
Берётесь?
Курс доступен по подписке.
CSS Playground
Выпустил небольшое приложение под Андроид для наглядного ознакомления с возможностями CSS. Выбираете стилевое свойство, меняете его значение и тут же видите результат в действии. Всё это можно опробовать в справочнике CSS, идея взята оттуда.
Онлайн-интенсив «Профессиональный JavaScript, уровень 1»
Реклама
Идёт запись на весенний интенсив «Профессиональный JavaScript, уровень 1» с 27 марта по 9 мая.
Курс подойдёт тем, кто хочет с нуля научиться программировать на JavaScript, верстальщикам, желающим поднять свои навыки, а также желающим освоить новый язык.
Интенсив состоит из 20 часов живых лекций и работы над личным проектом под руководством личного наставника. Всего на курсе три проекта, два из которых на выбор: «Кекстаграм» и «Кексобукинг», проекты выдаются участникам уже свёрстанные. Задача за интенсив оживить их новой функциональностью согласно техническому заданию.
Преподаватель курса Игорь Алексеенко рассказал о себе, опыте и особенностях JavaScript. Также он подготовил небольшое видео, где показывает как JavaScript может вам пригодиться:
::after и ::before
Выложил на webref.ru новое руководство по использованию псевдоэлементов ::after и ::before. Описано, как с их помощью вставлять иконки, делать нумерацию, выводить текст, треугольники, тень и др.
Руководство для среднего уровня подготовки, настоятельно требуется знакомство с позиционированием элементов.