Как стать мидлом
1.56K subscribers
530 photos
28 videos
288 links
Помогаем фронтенд-разработчикам прокачать навыки и получить повышение → https://htmlacademy.ru/frontend-engineering

Смотреть шоу «Фронтенд-инженерия» → https://youtube.com/playlist?list=PLQJNT2fdCJnjUCLyAnX8nkxLxWHNSuMDo

Ещё почитать? @htmlacademy
Download Telegram
Зачем разработчику знать «Паттерны проектирования»

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

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

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

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

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

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

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

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

А ещё сейчас обучение можно ухватить со скидкой 30%. Поторопитесь, распродажа закончится в пятницу.
👍10
Если вы только начинаете работать с гитом, легко запутаться во всех пушах и пулах, сохраняйте себе словарь терминов и используйте в качестве шпаргалки — https://tml.io/hhfyf
👍1
Обзор и сравнение веб-сервисов для хранения удалённых репозиториев

Есть множество веб-сервисов, которые предлагают хостинг проектов, но основных всего три: GitHub, GitLab и Bitbucket. Недавно появился ещё один под названием GitFlic — это небольшой аналог GitHub. Плюсы и минусы каждого сервиса найдёте в карточках.

А ещё уже завтра закончится распродажа на курс Git и GitHub.
Успейте ухватить обучение со скидкой 30%, чтобы начать профессионально работать с гитом —https://tml.io/rrdty
👍4
Псс… Ещё не поздно ухватить обучение со скидкой 30% и научиться профессионально пользоваться гитом.

Ссылка для записи — https://tml.io/eeert
👍1
Почему разработчику нужно уметь в дизайн?

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

Научиться работать с дизайн-системами, создавать CSS-анимации и прокачаться в дизайне можно на курсах в Академии — всё необходимое обучение собрали в пакет «Креативный».

До 4 декабря на него и курсы внутри будет действовать скидка 30%. Успевайте ухватить необходимый курс или весь пакет сразу по выгодной цене — https://tml.io/gsgsx
👍2
Зачем нужен CSS-in-JS

Новая неделя — новая тематическая неделя в канале. С понедельника по пятницу будем рассказывать про новый подход к стилизации веб-приложений CSS-in-JS. Начнём со статьи.

Читайте, чтобы узнать, что такое CSS-in-JS и какие проблемы он решает.

Статья — https://tml.io/nnnhb
👍4
Задача на знание CSS-in-JS

Как CSS-in-JS инкапсулирует стили на уровне компонентов?

1. Стили связываются с компонентами при помощи специфичных селекторов. Поэтому переопределить стили довольно сложно, но можно.

2. Стили связываются с компонентами при помощи сгенерированных классов. Эти классы уникальные, поэтому не могут повторяться ни в нашем, ни в стороннем коде.

3. Стили указываются инлайново на DOM-элементах, соответствующих компонентам.

Выберите правильный ответ ниже 👇🏼
👍2
Как CSS-in-JS инкапсулирует стили на уровне компонентов?
Anonymous Quiz
18%
1
70%
2
13%
3
Формирование глобальных стилей при помощи CSS-in-JS. Знакомимся с createGlobalStyle.

Область применения CSS-in-JS намного шире, чем стилизация кнопок. Кратко рассказываем, как проводить комплексную стилизацию приложений при помощи createGlobalStyle.
Скидка 30% на курс CSS-in-JS

В течение недели мы немного углубились в основы CSS-in-JS. Если появилось желание прокачаться по полной и применять в работе новый подход к стилизации веб-приложений, то приходите на курс.

Типовые задачи, которые вы научитесь решать:
— Подготовка и подключение дизайн-токенов;
— Разработка библиотеки компонентов;
— Стилизация сеток;
— Темизация пользовательского интерфейса;
— Формирование стилей любой сложности при помощи JavaScript;
— Эффективное переиспользование стилей при помощи вспомогательных компонентов и миксинов;
— Осознанный выбор инструмента для работы с CSS-in-JS в зависимости от проекта и задач.

Скидка будет действовать до 25 декабря включительно. Успейте ухватить обучение со скидкой — https://tml.io/r3pjp
Попробуйте курсы до мидла бесплатно

Получите доступ к первому разделу курсов для фронтендеров, которые хотят стать мидлом. Посмотрите, как проходит обучение и начните изучать новые технологии. Это бесплатно – даже если вы решите, что курс вам не подходит.

Что вас ждёт:

— Обучающие статьи по теме курса — просто и понятно объяснят сложные темы.
— Демонстрации с кодом — научат решать типовые задачи.
— Задания — закрепят знания на практике.
— Эталонные решения — покажут, как правильно решать задания.
—Тесты — покажут, как вы усвоили материал.

Бесплатный раздел доступен на курсах:
– «Анимации CSS»;
– «Алгоритмы и структуры данных»;
– «TypeScript»;
– «Git и GitHub»;
– и ещё 6 курсах.

Демо-доступ к первому разделу будет открыт навсегда. Вы можете начать обучение в любой момент.

Выбрать курс и начать обучение — https://tml.io/y1hjo
🔥3