Где проходят стажировку выпускники Академии? 9 частых вопросов про «Лигу А».

1. Что такое лига❓
Это фронтенд-аутсорс, который принимает заказы на вёрстку и фронтенд — от простых страничек до больших сервисов. Мы сами основали эту компанию, чтобы трудоустраивать туда своих студентов.

У ребят есть свой сайт, заходите посмотреть — https://ligaa.agency/

2. Как появилась идея❓
Пять лет назад мы решили проверить, насколько наши выпускники умеют справляться с реальными задачами на рынке.

Мы открыли компанию, в которой брали реальные проекты на разработку и сажали за их выполнение своих выпускников.

3. Не было страшно завалить проект❓
Мы страховались. Если бы что-то пошло не так, мы бы бросили на доработку проекта свои силы, у нас были эксперты.

Но мы не профакапились, всё было нормально. Первые студенты, показали, что они могут делать эти проекты, что могут справляться с рабочими задачами, а клиенты довольны результатом.

После пилотного запуска было решено этот процесс масштабировать.

4. Как выглядит Лига сейчас❓
Лига когда-то состояла из одного-двух человек, нескольких выпускников, которые делали проекты и нескольких проектов в работе. К 2021 году они сделали 700 с лишним проектов, в штате около 40 человек и около 100 выпускников одновременно работает.

Это отдельная компания, у неё свои процессы, бухгалтер, менеджеры, сейлзы, тестировщики – это ребята, которые инхаус сидят в Лиге и постоянно работают. А разработчики – это выпускники и их старшие товарищи, которые помогают на сложных проектах.

5. Сколько студенты работают в Лиге❓
Мы всем говорим: Лига — это не ваша новая основная работа. Это временная история, чтобы получить опыт. Время работы может быть разное, обычно около полугода. Вы работаете и получаете деньги за каждый проект, за который берётесь.

6. Какая зарплата на стажировке❓
Зависит от проекта. Существует ставка часа, у разных проектов разная сложность, эта ставка часа тоже варьируется.

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

7. Бывает ли, что выпускники уходят работать к клиентам❓
Бывает, мы поощряем, иногда Академия сама набирает фронтов и верстальщиков из Лиги.

8. Как лига влияет на статистику трудоустройства выпускников❓
Благодаря этой стажировки у выпускников профессии конверсия в трудоустройство выросла до 95–96%.

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

9. Как попасть на стажировку в Лигу А❓
Успешно пройти одну из профессий:
Фронтенд-разработчик.
JavaScript-разработчик.
Фулстек-разработчик.

#htmlacademy_обучение

Вконтакте стартует масштабный конкурс, среди призов:
✦ Место на курсе «HTML и CSS. Профессиональная вёрстка сайтов».
✦ Подписку на три месяца.
✦ Навык или проект на выбор.

Все подробности в посте — https://vk.com/htmlacademy?w=wall-38306835_62744

Присоединяйтесь 🎁

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

#htmlacademy_статьи

Фронтенд-новости 48. Свежие статьи и новости веб-разработки за последнюю неделю.

💫 Что нового

TypeScript 5.0. Декораторы, улучшенная поддержка проектов ESM для Node и упаковщиков, const параметры типов и многое другое.

Transformers.js: запуск моделей машинного обучения в браузере.

Проекту Электрон — 10 лет. Вау. Сколько ж всего на нём понаделали.


🧬 HTML и CSS

Основы фронтенд-разработки: фреймворки, DOM-дерево, взаимодействие с бэкендом.

Как понять комбинаторные селекторы и селекторы потомков в CSS.

Шесть CSS-сниппетов, которые должен знать каждый фронтендер в 2023.

Выбор предыдущих родственников (ну те, которые siblings) с помощью CSS :has()

Десять советов по улучшению CSS-переходов и анимации.

«Сначала дизайн, потом сборка»: давайте разберёмся с этим мифом навсегда. Не ждите, пока дизайнеры всё додизайнят — делайте.

Создание часов с новыми функциями CSS sin() и cos(). Тригонометрия (вспомнили, вздрогнули?) теперь есть в последних версиях Firefox и Safari.

Не ставьте одинаковые радиусы скругления внутри и снаружи чего угодно.

Как изменить фавиконку при переключении вкладок браузера.

Календари с учетом доступности и интернационализации.

Вложенность в CSS. Узнайте, как CSS Nesting позволяет использовать любимую функцию препроцессора в Интернете.

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


🏝️ JavaScript

В каком порядке перечисляются ключи в объектах: случайном или по определённым правилам? Игорь Антонов с подробным видеоразбором.

Создание и загрузка текстовых файлов с помощью JavaScript.

Постепенное улучшение таблицы с помощью веб-компонента — создание оболочки веб-компонента для добавления сортировки таблиц.

Что такое Vite и зачем его использовать вместо CRA?

Список пожеланий для компилятора React.

Как перетаскивать штуковины в React

«Пять ошибок, которые я совершил, начиная свой первый проект React»

Ленивая загрузка маршрутов в React Router 6.4+

Как отлаживать ошибки сегментации узла. Нормальные исключения — это одно, но когда вы сталкиваетесь с чем-то столь загадочным, как «ошибка сегментации (сброс ядра)», что вам делать?


Подпишитесь на @html_blog, чтобы не пропустить новые выпуски.

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

— Как так?
С 2015 года вместе с ИТМО мы обучаем всех желающих на «Открытом образовании». В этом учебном году крупные университеты: Уральский федеральный, Казанский федеральный, Самарский, Тольяттинский университеты обучают по нашим программам 2400 своих студентов, как первокурсников, так и старшекурсников.

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

❓ Что ещё ждёт тех, кто решится сменить профессию вместе с Академией?

➜ Код с первых дней.
Во время подготовительного раздела вам предстоит пройти курс «Старт в программировании».

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

➜ Интенсивное обучение технологиям.
Профессии состоят из курсов по HTML и CSS, JavaScript, React, Node.js, у каждой профессии свой набор программ. Обучение на одном курсе длится примерно два месяца. За это время вы успеете поработать над личным проектом с наставником, обсудить сложные моменты с авторами курсов на ретроспективах и защитить диплом.

➜ Грейдирование и стажировка.
После обучения вы попадаете на практику. Сначала вам предстоит сделать некоммерческие проекты, чтобы подтвердить свои навыки и закрыть пробелы.

Затем вы попадёте в реальную команду разработки «Лиги А.» на коммерческий проект от заказчика. Здесь вы получите тот опыт работы, который поможет выделиться при поиске первой работы.

95% студентов, которые успешно проходили все три этапа, успешно устроились на новую работу.

Выбирайте профессию и переходите по ссылке, чтобы пройти этот путь с нами:
Фронтенд-разработчик, старт 11 апреля.
JavaScript-разработчик, старт 16 мая.
Фулстек-разработчик, старт 16 мая.

Прямо сейчас можно забронировать место на профессии с выгодной скидкой, подробности на сайте.

Давным-давно почти все делали сайты и не переживали о том, что под капотом. Но мы же с вами не из их числа?

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

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

#htmlacademy_статьи

Информация для тех, кому предстоит поддерживать проекты на Vue2 и мигрировать на Vue3 ⚙️

31 марта мы закрываем продажи курса по Vue2. Прямо сейчас и до конца марта можно купить два курса Vue2+Vue3 со скидкой 25%.

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

Приобрести пакет курсов.

#htmlacademy_обучение

Через 5 минут наша сммщица начнёт проходить мастер-класс «Создание семантической разметки по макету» в прямом эфире, присоединяйтесь. https://t.me/+-di3KiTaEsg3MTQy

Что почитать начинающему разработчику?
Собрали подборку книг, которая поможет понять, как попасть в мир IT, развиваться в карьере и чего ждать от профессии.

#htmlacademy_статьи

#Задача

Во время вёрстки интернет-магазина, вы столкнулись с тем, что при переполнении контента ломается дизайн. Ваши действия?

Ответ опубликовали на канале «Как стать мидлом».

#htmlacademy_полезное

💸 За курсы можно заплатить частями без переплат.

Мы стараемся делать курсы доступными для всех, оплатить можно всю сумму сразу, в рассрочку от банка или через сервис «Плати частями».

👉 Что такое «Плати частями».

Это сервис, который разбивает стоимость курса на 4 части. С вашей карты сразу спишется 25% стоимости обучения, а потом еще такими же частями каждые 2 недели.

Переплат не будет — все проценты банку мы уже взяли на себя. Для оформления потребуется указать только ФИО, дату рождения и номер телефона, а затем данные банковской карты.

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

Оплата частями доступна для курсов из профессий и для роста до мидла.

Например, начать обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов» можно за 5 220 рублей.

#htmlacademy_обучение

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

#htmlacademy_статьи

Инструкция: как добавить изображение на страницу.

Добавление изображений на страницу — типовая задача веб-разработчиков. Её можно выполнить разными способами: вставить картинку в разметку через теги , или использовать в CSS с помощью background-image.

Читайте какой способ, когда и как использовать.

#htmlacademy_статьи

📰 Фронтенд-новости #49. Дайджест новостей и полезных статей о фронтенде.


🎙 Стоит обсудить

Конец фронтенда. Как GPT-4 может помогает в обучении новчикам. Не переживайте, что вас заменит ИИ, так как веб-интерфейсы — это сложно.

Почему логические свойства не вытеснили всё остальное? Потому что нужно привыкнуть, старые проекты никуда не делись, а некоторые свойства ещё не поддерживают логичечность.

Как поправить цветовой контраст. Не забывайте, что если у вас есть кнопка с текстом и фоном, то цвета текста и фона кнопки должны иметь хороший контраст к общему фону сайта.

React обновил документацию. Отношения к обновлению неоднозначные.


🧬 HTML и CSS

Постепенное улучшение таблицы с помощью веб-компонента.

Как :focus-visible в 4 этапа принимает решение, отображаться ему или нет.

Что нового в Eleventy 2: прекрасный инструмент для простых статичных сайтов теперь весит меньше и собирается быстрее.

Как сделать круговой текст с помощью CSS?

Как сделать книгу с помощью HTML и CSS. Главная сложность — понадобится Linux, Python и программа weasyprint.

🏝️ JavaScript

▶️ Почему результатом ['1', '2', '3'].map(parseInt) стал [1, NaN, NaN]? Игорь Антонов с детальным разбором задачи с собеседований.

На 95 собрании ТС39 анонсировали явное управление ресурсами, атрибут импорта, асинхронный контекст, Float16Array, Iterator.range, Await Dictionary, декораторы параметров метода класса, Promise.withResolvers и канонизация часовых поясов.

А так ли нужны JS-фреймворки? Ответ на статью о конце фронтенда

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

Как загружать файлы с помощью JavaScript.

Каким будет Svelte 4?

Пошаговое руководство по Astro.

Полное руководство по мутациям в JavaScript.


🚀 React

У документации новый домен react.dev, а старый официально устарел. А ещё новая документация React игнорирует SPA.

Как сделать SPA исключительно на стороне клиента с помощью Next.js

Интернационализация в Next.js 13 с React Server компонентами.

Откуда и для чего появились хуки в React.

Как остановить визуализацию компонента React. Вы можете вернуть null из компонента, чтобы указать, что он не должен ничего отображать.

Как тестирование доступности помогло понять useRef.

Очистка useEffect и два последствия, которые она вызывает.


💫 Node.js

Гранулярные токены в npm для хитрого ограничения доступа к определённым пакетам.

Автоматическая публикация с помощью Github Actions и гранулярных токенов.

Вышел deno 1.32 с поддержкой TS 5.0.

Почему в Deno добавили поддержку package.json.

Миграция с ts-node на Bun.

Как использовать Postman для тестирования API сервера.


🦭 Общее

Как сделать автономное приложение, а заодно разобраться с хранением и синхронизацией данных и разрешением конфликтов.

Статья-ностальгия о том, как блоги сформировали интернет.

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

Никогда не было так просто подобрать шрифтовые пары, как с этим проектом.

DOCX 8.0. Создайте .docx-файлы с помощью Node.js.

Как эффективно читать код. Разберитесь в задаче, используйте комментарии и документации, разбейте код на части и не стесняйтесь использовать отладчик.

—

Подпишитесь на @html_blog, чтобы не пропустить новые выпуски.