HTML и CSS на примерах

Обновил мобильное приложение под Android в виде книжки для изучения HTML и CSS — HTML и CSS на примерах.

Теперь по всем темам сделаны интерактивные задания для тренировки и закрепления навыков (почти 150 штук). Задания простые и с автоматической проверкой.

Устанавливайте сами и советуйте друзьям.

Как сменить профессию на карантине?

Реклама

Пока весь мир обсуждает коронавирус, кризис и отсутствие туалетной бумаги на прилавках, ребята из HTML Academy предлагают не паниковать, но задуматься о своем будущим.

Несмотря на то, что многие сотрудники могут оказаться в очереди на увольнение, айтишники, скорее всего, не попадут под удар. А хорошие айтишники, которые приносят деньги компании, — тем более.

В любом случае лучшее решение в сложившейся ситуации — попытаться увидеть возможности. Например, получить новую профессию.

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

Справочник HTML

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

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

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

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

Переход на Vue

Для webref.ru сделал рефакторинг кода, т.е. переделал внутреннюю часть без изменения дизайна. Отказался полностью от jQuery и перешёл на Vue. Основные изменения коснулись примеров — теперь это не просто код, а небольшие приложения. Во-первых, результат примера виден сразу, во-вторых, код можно открыть в популярных песочницах JSFiddle и CodePen. А также есть переключатель светлой/тёмной темы, копирование кода в буфер и обновление результата. Учтите, что эффект обновления заметен только для примеров с анимацией.

Можно перейти к одному из примеров и посмотреть всё самому.

Как не устроиться на работу фронтенд-разработчиком

Есть несколько причин, по которым программист не может найти работу — плохо разбирается в технологиях, не знает свой язык достаточно хорошо или вообще не программист (так тоже бывает). Но даже если все теги отскакивают от зубов, а нюансы языка ясны, можно засыпаться на более простых моментах.

О том, как провалиться на этапе тестового задания, на собеседовании или при выходе на работу — в статье от HTML Academy.

Как получать 100 тысяч в месяц за код. 8 шагов к шикарной карьере

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

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

Первые четыре шага такие.

  1. Понять основы HTML и CSS по книжкам, ютюбу или онлайн-тренажёрам.
  2. Вникнуть в тонкости вёрстки (и завести себе Гитхаб).
  3. Пройти курсы по вёрстке и/или фронтенд-разработке и разобраться в нужных инструментах.
  4. Найти наставника и показывать ему свой код.

Ещё 4 шага — в этой статье. Добавьте в закладки, скажете спасибо через год.

Ошибки, которые испортят ваше резюме

Порой у начинающий специалистов не получается найти работу не потому, что их плохо учили, а потому что не могут пройти собеседование или попасть на него.

Серёжа Попов, руководитель фронтенд-аутсорса «Лига А.», где трудятся выпускники HTML Academy, рассказал, какие 17 ошибок нельзя делать при составлении резюме и на других этапах поиска работы:

  1. Указывать несколько должностей в одном резюме
  2. Не загружать фотографию
  3. Загрузить фотографию, где есть не только вы
  4. Скрывать информацию в резюме
  5. Писать «хочу переехать», но откликаться на вакансии в своём городе
  6. Скрывать свой регион до собеседования
  7. Отсутствие ключевых навыков
  8. Нерелевантный опыт
  9. Не написать, какие задачи решали на прошлых местах работы
  10. Не писать (почти) ничего в разделе «О себе»
  11. Не указывать желаемую зарплату
  12. Зарплата, не соответствующая уровню рынка или позиции
  13. Не написать сопроводительное письмо
  14. Сопроводительное письмо в стиле «Прошу рассмотреть меня на вакансию»
  15. Сопроводительное письмо из одного слова
  16. Написать «Я не готов к тестовому заданию»
  17. Написать одно сопроводительное письмо для десяти компаний

Подробнее, об ошибках и том как их правильно исправить читайте в статье, кстати её вторая часть на подходе.

Как сделать счётчик лайков на JavaScript

Если хотите узнать, как сделать счётчик лайков и систему комментирования, загляните в новую главу интерактивного курса «Знакомство с JavaScript» — «Условия и создание элементов».

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

Кажется слишком сложным? Сохраняйте спокойствие! Под чутким руководством инструктора Кекса сложное превращается в простое и понятное. Вперёд к знаниям!

Прокачайтесь в Акселераторе от HTML Academy

Реклама

Если вам не хватает проектов в портфолио, навыков работы в команде и профессиональной оценки вашего кода, тогда «Акселератор» — то, что вам нужно.

Что вас ждёт в «Акселераторе»:

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

Если вы не можете оценить уровень ваших навыков — мы подберём вам макет.

До конца января проекты «Акселератора» можно купить со скидкой 20%

Канал на YouTube

Создал канал на YouTube, где буду выкладывать разные ролики по теме веб-технологий. Вот пример небольшого видео-курса по стилевым селекторам.