🌻 Зачем на сайтах анимация?

Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или получить какую-нибудь премию. Но анимации могут и отталкивать посетителей, если они замедляют загрузку страниц.

Поэтому у разработчиков есть выбор — можно использовать CSS, SVG или JavaScript-анимации. Главное выбрать правильный тип анимации для каждого случая и хорошо её оптимизировать, чтобы она плавно работала у всех пользователей.

Как раз об этом статья. А ещё покажем, как сделать простую анимацию с помощью свойства animation: https://tml.io/ggsgh

Разработка сайтов — это не только работа в больших компаниях и легендарных проектах. Иногда это магазины, заводы или веб-студии, которые делают «интернет-магазины под ключ» на Вордпрессе и Битриксе. И с этим тоже нужно работать, а значит, пора научиться верстать под CMS.

В статье рассказываем, что такое CMS и как под них верстать: https://tml.io/bbhdg

Из пяти фронтендеров — только трое знают, как можно передавать токены CSRF и для чего чего создана Privacy Sandbox.

Пройдите тест и проверьте в какую группу входите вы — https://tml.io/mmjhy

Зачем фронтендеру разбираться в дизайне?

Разработчик и дизайнер решают общую задачу — создают простой и понятный интерфейс. Чтобы научиться взаимопониманию, нужно погрузиться в предметную область друг друга: дизайнерам нужно понимать HTML и CSS, а разработчикам — знать основы дизайна.

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

Вышел новый выпуск подкаста Frontend Weekend

В этот раз в гости к Андрею Смирнову пришла Александра Ларионова — IT-рекрутер в кадровом агентстве SymbioWay. Саша рассказала, на что обратить внимание при смене работы, как развиваться, если достиг «стеклянного потолка», а ещё ищут ли рекрутеры разработчиков на Тиндере и OnlyFans.

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

Слушать на всех площадках

Есть много способов сэкономить время и упростить жизнь разработчика. Но они кажутся такими сложными и непонятными, что знакомство с ними постоянно откладывается. И зря: сегодня мы расскажем, как автоматизировать работу, используя вспомогательные инструменты.

Шаблонизаторы для HTML — один из таких способов.

Читать статью

🧞 Как стать наставником и какая от этого польза

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

Наставничество полезно не только для учащихся IT-курсов или джунов, но и для самих наставников. Оно развивает гибкие и жёсткие навыки, способствует карьерному росту, помогает найти или «вырастить» коллег. В общем, каждый найдёт для себя что-то полезное.

Читать

​​Типы данных в JavaScript. Инструкция для начинающих

Как и любая компьютерная программа, JavaScript нуждается в наведении порядка в данных, в их структурировании. На языке JavaScript мы говорим, что если данные имеют одинаковую структуру, то они имеют одинаковый тип. Внутренняя организация данных может быть простой, как ДА или НЕТ, а может быть весьма замысловатой, как дерево HTML-элементов или маршруты на карте навигатора.

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

Читать

Запустили новый курс для изучения Git и GitHub

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

Чтобы не тратить силы и не собирать информацию по крупицам — пройдите курс, где все необходимые знания собраны в одном месте.

Вот какие задачи научитесь решать

— Создание коммита;
— Отправка изменений на удалённый репозиторий;
— Получение изменений с удалённого репозитория;
— Создание и переключение веток;
— Слияние веток на уровне локального и удалённого репозитория;
— Разрешение конфликтов при слиянии веток;
— Сравнение различных версий программного кода;
— Сравнение файлов вне репозитория;
— Отмена и откладывание изменений;
— Перенос и создание точной копии коммитов.

Узнать подробности и записаться можно по ссылке. Git push

🗺️ Как составить план развития

В Академии обучение проходят разработчики разного уровня: от новичков до мидлов, которые хотят стать сеньорами. Каждый из них со временем задаётся вопросом — а что делать дальше? Когда уже есть багаж профессиональных навыков, нужно определиться с планом развития, чтобы получить работу мечты или получать больше денег.

Мы поговорили с нашим HR и собрали в статье полезные советы, чтобы вы могли составить собственный план развития.

Читать статью

«Джун или не джун?» — вот в чём вопрос.

Рассказали, как можно определить джун перед вами или уже мидл, и что отличает от них сеньоров.

Задача на знание гита

Что произойдёт, если разработчики изменят одинаковый файл и сделают `push`?

Ситуация: Игорь и Алиса изменили файл `index.html`, сделали коммит с изменениями и запушили его. Игорь оказался быстрее Алисы и сделал `push` первым.

Зачем разработчику знать «Паттерны проектирования»

Коротко. Они помогают сэкономить время на организацию кода.

Пройдите тест и узнайте насколько хорошо вы разбираетесь в паттернах.

Ответ на задачу

В этом случае Git сообщит Алисе, что нельзя пушить свои изменения, потому что она не делала `pull`. Дело в том, что после того как Игорь синхронизировался с удалённым репозиторием, версия проекта Алисы стала отличаться от той, что находится на удалённом репозитории, и Git это видит.

Система сообщает, что перед тем, как выполнить команду `push, нужно выполнить pull`, чтобы забрать изменения.

Алиса делает `pull` и ей вновь приходит уведомление от Git. В этот раз он сообщает Алисе о том, что произошёл конфликт. Дело в том, что Игорь и Алиса изменили одинаковый файл и теперь Алисе предстоит решить конфликт.

Как вам задача? Если хотите легко решать подобные ситуации, записывайтесь на курс «Git и GitHub».

Чем будет полезен курс:

- Вы научитесь пользоваться 25 новыми командами для работы с гитом, не считая базовых консольных — `cd`.
- Познакомитесь с типами архитектур VCS и типами конфигураций Git.
- Узнаете, какими бывают модели ветвления и почему важно перед стартом проекта выбирать одну из них.
- Научитесь работать с ветками, сливать и удалять их.
- Узнаете, как работать с изменениями: просматривать, откладывать и отменять.

А ещё сейчас обучение можно ухватить со скидкой 30%. Поторопитесь, распродажа закончится в пятницу.

Если вы только начинаете работать с гитом, легко запутаться во всех пушах и пулах, сохраняйте себе словарь терминов и используйте в качестве шпаргалки — https://tml.io/hhfyf