Руководство для новичков по работе с HTML-кодом на своём компьютере: разбираемся, в чём его писать и как запустить.
HTML Academy
Как написать и запустить HTML на компьютере?
Понадобится только текстовый редактор и немного времени.
Открыли запись на новые потоки профессий:
«Фронтенд-разработчик» (7 сентября 2020 — 28 марта 2021)
«React-разработчик» (7 сентября 2020 — 1 августа 2021)
Если у вас есть вопросы про обучение, программу и трудоустройство — оставьте на сайте заявку на консультацию. Мы свяжемся с вами и постараемся помочь 😊
«Фронтенд-разработчик» (7 сентября 2020 — 28 марта 2021)
«React-разработчик» (7 сентября 2020 — 1 августа 2021)
Если у вас есть вопросы про обучение, программу и трудоустройство — оставьте на сайте заявку на консультацию. Мы свяжемся с вами и постараемся помочь 😊
«Акселератор» мы запустили полгода назад. За это время его прошли 65 человек, а вместе они закончили 96 проектов.
В дайджесте рассказали, с каким уровнем подготовки приходят в «Акселератор», об обновлениях в проектах, и поделились отзывами выпускников.
В дайджесте рассказали, с каким уровнем подготовки приходят в «Акселератор», об обновлениях в проектах, и поделились отзывами выпускников.
Почему на профессиональных курсах мы отказались от Фотошопа и других графических редакторов в пользу Фигмы?
В конце 2019 года мы делали исследование про популярность графических редакторов. Выяснилось, что Фотошопа исчезающе мало. Раньше мы действительно рассказывали про этот инструмент потому, что он часто использовался на рынке, но приоритеты смещаются и на рынке становятся более популярными другие инструменты, которые больше подходят для верстальщика.
Теперь настала эпоха Фигмы. Веб-дизайнеру просто делать веб-интерфейсы в Фигме, верстальщику просто получить макет и узнать всю необходимую информацию о макете: размер текста, цвет фона, отступы до соседних элементов, ну и экспорт картинок.
Фотошоп отлично подходит для ретуши и работы с фотографиями, но это не инструмент для верстальщика. Например, чтобы узнать какая тень у элемента, в фотошопе нужно совершить ряд действий, хотя в других инструментах, таком как Figma, нужно совершить один клик.
В блоге у нас есть гайд, как начать работу с макетом в этом графическом онлайн-редакторе.
В конце 2019 года мы делали исследование про популярность графических редакторов. Выяснилось, что Фотошопа исчезающе мало. Раньше мы действительно рассказывали про этот инструмент потому, что он часто использовался на рынке, но приоритеты смещаются и на рынке становятся более популярными другие инструменты, которые больше подходят для верстальщика.
Теперь настала эпоха Фигмы. Веб-дизайнеру просто делать веб-интерфейсы в Фигме, верстальщику просто получить макет и узнать всю необходимую информацию о макете: размер текста, цвет фона, отступы до соседних элементов, ну и экспорт картинок.
Фотошоп отлично подходит для ретуши и работы с фотографиями, но это не инструмент для верстальщика. Например, чтобы узнать какая тень у элемента, в фотошопе нужно совершить ряд действий, хотя в других инструментах, таком как Figma, нужно совершить один клик.
В блоге у нас есть гайд, как начать работу с макетом в этом графическом онлайн-редакторе.
HTML Academy
Старт в Figma для верстальщика
Рассказываем, что такое Figma и как начать работу с макетом в этом графическом онлайн-редакторе.
Научиться верстать быстро, HTML, CSS, кто такой фронтендер, кто такой Кекс, макеты в Фигме, профессиональные навыки, интерактивные курсы.
Сегодня отдаём дань поисковому трафику и празднуем день SEO-оптимизатора (да, такой есть)! В честь этого невероятного события — скидка на навыки и тренировочные макеты до 60% 🎉
Сегодня отдаём дань поисковому трафику и празднуем день SEO-оптимизатора (да, такой есть)! В честь этого невероятного события — скидка на навыки и тренировочные макеты до 60% 🎉
l.htmlacademy.ru
Акция «День SEO-специалиста»
скидка на профессиональные навыки и макеты до 60%
С 2013 года мы учим начинающих и продолжающих веб-разработке. И один из наших продуктов — интерактивные курсы, они же — тренажёры. Каждую главу пишут продюсер, автор, дизайнер, разработчик и эксперты — люди с большим опытом продуктовой разработки.
Рассказали на примере обновлённого курса «Знакомство с JavaScript», как создаются курсы: про идеи, разработку, тестирование и работу над ошибками.
Рассказали на примере обновлённого курса «Знакомство с JavaScript», как создаются курсы: про идеи, разработку, тестирование и работу над ошибками.
HTML Academy
Как мы делаем тренажёры
Мы встроили браузер в ваш браузер, чтобы вы писали код, пока пишете код.
Живые и неживые коллекции в JavaScript. Рассказали, в чём отличие и как использовать.
Развёрнутый отзыв выпускницы девятнадцатого потока «HTML и CSS. Адаптивная вёрстка и автоматизация» Вероники Сампетовой с советами для желающих пойти на курс. Следующий поток будет проходить с 13 июля по 13 сентября, доступна оплата в рассрочку.
«Ух! Вот только успешно сдала проект! Пишу по горячим следам, пока лёгкость бытия не улетучилась. Что могу сказать, интенсив был правда непростой, отзывы про небоскребы не были пустым звуком. И если на «HTML и CSS. Профессиональная вёрстка сайтов» мне казалось, что я пробежала спринт, едва успев запыхаться, здесь я почувствовала себя марафонцем на длинные дистанции.
У меня не было шока о новых технологиях в виде зависимостей, новых команд в гите, препроцессорах. Усвоилось всё быстро, но только потому, что в рамках своей нынешней работы я уже сталкивалась с подобным, плюс опыт в программировании на JavaScript сильно мне помог, скрывать не буду. А в БЭМ я и вовсе влюбилась чуть ли не с первого раза — очень лаконичная методология, ничего лишнего.
Но вот что мне дало ощущение непрерывного бега, так это постоянный процесс работы над вёрсткой, оттачивания навыков, которые я получила на первом этапе. Я несколько раз переверстала почти половину всех блоков в проекте в поиске самого правильного, надёжного и безупречного варианта на мой взгляд и на взгляд наставника. Теперь я знаю в разы больше, во мне появилось больше уверенности в себе как в верстальщике, и появляется это драгоценное чувство компетентности как профессионала.
С будущими студентами данного курса хотелось бы поделиться своим опытом, и я буду рада, если он кому-то пригодится. Первое и основное — сразу настройтесь на серьёзную работу, потому что тут не будет передышки, прочитайте пару отзывов о данном интенсиве, чтобы понять какие объёмы информации вас ждут (как раз таки отзыв Дениса Тутова про небоскребы морально меня подготовил).
Второе и тоже стало для меня ключевым — не сдавайтесь. Звучит банально, но мне это помогло, правда. Если что-то не получается с первого раза, то оставьте, займитесь чем-то другим — тем, что наверняка знаете, но никогда не опускайте руки.
Третье — отдыхайте. В какой-то момент я настолько увлеклась вёрсткой, что спала по три часа в день, под конец я уже адекватно не могла соображать, только совершала ошибки и злилась. В этот момент я решила выдохнуть, сделать перерыв, отдышаться, это помогло.
Четвёртое — читайте статьи, слушайте подкасты по веб-разработке помимо основных лекций. Я поняла, что если бы дополнительно ничего не читала, некоторые вещи cверстать так просто не смогла бы.
И пятое, но скорее дополнительное — определите свой темп обучения с самого начала. Я, например, из тех людей, до которых может доходить не с первого раза и не очень быстро. С этим я сразу смирилась и признала, поставила всё на упорство. И если на первом интенсиве я почти укладывалась в график по сдаче заданий, то в этом я только первые две лекции посмотрела день в день. Далее — отставание в неделю-полторы. И я не пыталась сократить это отставание. Я поставила простую задачу — пока не усвою предыдущий материал, не приступаю к следующему. К сожалению, я не могу усваивать всё подряд, пока не переварю предыдущую информацию. Этот пункт очень индивидуальный, поэтому тут решите для себя, как вам будет лучше — всё сразу или по кусочкам.
Удачи и упорства всем в прохождении данного интенсива! А Академии большое спасибо за бесценный опыт!»
«Ух! Вот только успешно сдала проект! Пишу по горячим следам, пока лёгкость бытия не улетучилась. Что могу сказать, интенсив был правда непростой, отзывы про небоскребы не были пустым звуком. И если на «HTML и CSS. Профессиональная вёрстка сайтов» мне казалось, что я пробежала спринт, едва успев запыхаться, здесь я почувствовала себя марафонцем на длинные дистанции.
У меня не было шока о новых технологиях в виде зависимостей, новых команд в гите, препроцессорах. Усвоилось всё быстро, но только потому, что в рамках своей нынешней работы я уже сталкивалась с подобным, плюс опыт в программировании на JavaScript сильно мне помог, скрывать не буду. А в БЭМ я и вовсе влюбилась чуть ли не с первого раза — очень лаконичная методология, ничего лишнего.
Но вот что мне дало ощущение непрерывного бега, так это постоянный процесс работы над вёрсткой, оттачивания навыков, которые я получила на первом этапе. Я несколько раз переверстала почти половину всех блоков в проекте в поиске самого правильного, надёжного и безупречного варианта на мой взгляд и на взгляд наставника. Теперь я знаю в разы больше, во мне появилось больше уверенности в себе как в верстальщике, и появляется это драгоценное чувство компетентности как профессионала.
С будущими студентами данного курса хотелось бы поделиться своим опытом, и я буду рада, если он кому-то пригодится. Первое и основное — сразу настройтесь на серьёзную работу, потому что тут не будет передышки, прочитайте пару отзывов о данном интенсиве, чтобы понять какие объёмы информации вас ждут (как раз таки отзыв Дениса Тутова про небоскребы морально меня подготовил).
Второе и тоже стало для меня ключевым — не сдавайтесь. Звучит банально, но мне это помогло, правда. Если что-то не получается с первого раза, то оставьте, займитесь чем-то другим — тем, что наверняка знаете, но никогда не опускайте руки.
Третье — отдыхайте. В какой-то момент я настолько увлеклась вёрсткой, что спала по три часа в день, под конец я уже адекватно не могла соображать, только совершала ошибки и злилась. В этот момент я решила выдохнуть, сделать перерыв, отдышаться, это помогло.
Четвёртое — читайте статьи, слушайте подкасты по веб-разработке помимо основных лекций. Я поняла, что если бы дополнительно ничего не читала, некоторые вещи cверстать так просто не смогла бы.
И пятое, но скорее дополнительное — определите свой темп обучения с самого начала. Я, например, из тех людей, до которых может доходить не с первого раза и не очень быстро. С этим я сразу смирилась и признала, поставила всё на упорство. И если на первом интенсиве я почти укладывалась в график по сдаче заданий, то в этом я только первые две лекции посмотрела день в день. Далее — отставание в неделю-полторы. И я не пыталась сократить это отставание. Я поставила простую задачу — пока не усвою предыдущий материал, не приступаю к следующему. К сожалению, я не могу усваивать всё подряд, пока не переварю предыдущую информацию. Этот пункт очень индивидуальный, поэтому тут решите для себя, как вам будет лучше — всё сразу или по кусочкам.
Удачи и упорства всем в прохождении данного интенсива! А Академии большое спасибо за бесценный опыт!»
Анимированный эффект появления подписи к изображению при наведении на чистом CSS.
https://css-irl.info/css-only-slide-up-caption-hover-effect/
https://css-irl.info/css-only-slide-up-caption-hover-effect/
Вышел профессиональный навык «Построение сеток на гридах по макету» 🎉
Вы узнаете, как, опираясь на графический макет, построить сетку крупных блоков страницы с использованием гридов, учитывая разные варианты переполнения.
В комплекте навыка — углубленная теория, демонстрационные кейсы с пошаговым созданием сетки и тренировочные с дизайном страницы и эталонным решением.
Вы узнаете, как, опираясь на графический макет, построить сетку крупных блоков страницы с использованием гридов, учитывая разные варианты переполнения.
В комплекте навыка — углубленная теория, демонстрационные кейсы с пошаговым созданием сетки и тренировочные с дизайном страницы и эталонным решением.
Мы готовим к выпуску новую главу курса «Знакомство с PHP». Глава практически готова, но её нужно хорошенько протестировать. Кто готов помочь?
Город и часовой пояс значения не имеют. Тестирование будет проходить удалённо. За свои труды каждый тестировщик получит навык на выбор 😉
Минимальные требования для участия в тестировании:
пройден курс «Знакомство с HTML и CSS» и первые три главы курса «Знакомство с PHP».
Если хотите стать тестировщиком — заполните анкету.
P.S. Заполненная анкета не гарантирует участия в тестировании. Если вы прошли, то через несколько дней на указанную почту придёт письмо с инструкцией. Если нет — пожалуйста, не расстраивайтесь. Будут новые главы и новые тестирования!
Город и часовой пояс значения не имеют. Тестирование будет проходить удалённо. За свои труды каждый тестировщик получит навык на выбор 😉
Минимальные требования для участия в тестировании:
пройден курс «Знакомство с HTML и CSS» и первые три главы курса «Знакомство с PHP».
Если хотите стать тестировщиком — заполните анкету.
P.S. Заполненная анкета не гарантирует участия в тестировании. Если вы прошли, то через несколько дней на указанную почту придёт письмо с инструкцией. Если нет — пожалуйста, не расстраивайтесь. Будут новые главы и новые тестирования!
HTML Academy
Знакомство с HTML и CSS
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Советы для тех, кто ищет работу, и готовится к собеседованиям. Больше о том, каких ошибок в резюме стоит избегать, в нашем блоге.
Профессиональные навыки со скидкой 40% в «дереве навыков».
Каждый навык научит вас решать конкретную профессиональную задачу, будь то построение сетки сайта на флексах или семантическая разметка страницы.
В комплекте навыков:
— детальная и подробная методичка, дающая всю необходимую теорию для выполнения конкретной задачи;
— пошаговые разборы того, как профессиональный верстальщик решает конкретную задачу;
— учебные кейсы с эталонным решением для самостоятельной практики.
Навыки связаны в единую систему и ведут вас к главной цели — умению решать сложные и крупные задачи целиком. Пройдя по «дереву навыков», вы будете иметь все необходимые знания и опыт для того, чтобы начать верстать реальные макеты реальных сайтов.
Каждый навык научит вас решать конкретную профессиональную задачу, будь то построение сетки сайта на флексах или семантическая разметка страницы.
В комплекте навыков:
— детальная и подробная методичка, дающая всю необходимую теорию для выполнения конкретной задачи;
— пошаговые разборы того, как профессиональный верстальщик решает конкретную задачу;
— учебные кейсы с эталонным решением для самостоятельной практики.
Навыки связаны в единую систему и ведут вас к главной цели — умению решать сложные и крупные задачи целиком. Пройдя по «дереву навыков», вы будете иметь все необходимые знания и опыт для того, чтобы начать верстать реальные макеты реальных сайтов.
