Бесплатный курс по SVG
Реклама
Бесплатный интерактивный курс по SVG познакомит вас с основами векторной графики и поможет разобраться с базовыми понятиями: линиями, прямоугольниками, окружностями.
Вы научитесь позиционировать, управлять цветом и размерами, собирать разные рисунки. А также сможете оформить SVG-фигуры с помощью заливок и обводок.
А новая глава «Размеры в SVG» позволит попрактиковаться с масштабированием и работой с атрибутами viewBox и preserveAspectRatio.
Самоучитель CSS
Обновил мобильное приложение для Андроида Самоучитель CSS, добавился новый раздел и новые задания. Если ещё не устанавливали это приложение, срочно устанавливать!
Приложение пока в бета-версии находится, так что принимаются предложения и советы по его улучшению.
Как хобби стало полноценным стартап-проектом htmllessons
Меня зовут Шушвал Максим. На данный момент я создатель и руководитель проекта htmllessons.ru – обучение по созданию сайтов в игровой форме. Я закончил колледж ПКГХ в Санкт-Петербурге по специальности «Программирование в компьютерных системах», проучившись эти четыре года я многое понял.
- Образование по созданию сайтов мягко говоря не очень.
- Ощущение того, что время тратится впустую.
- А если даже и было одна-две пары в неделю по сайтам, то это старый материал и тупо «голая» теория.
По итогу студенты, окончившие ВУЗ или колледж, выходят в мир с пустой головой и без нервной системы. Всё что получали – это голую теорию по 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. Для чего оно вообще нужно, как использовать, как с его помощью делать вкладки, меню, менять вид переключателей и флажков.
Как вам такой формат? Когда берём какое-то стилевое свойство или псевдокласс и рассматриваем его со всех сторон.
Самоучитель 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.
- Доступ к тестовым заданиям на трудоустройство и возможность стажировки в нашем продакшене «Лига А.». Мы разрабатываем их совместно с работодателями специально для выпускников Академии.
