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

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

Ещё почитать? @htmlacademy
Download Telegram
Это второй пост из серии «Как откликаться на вакансии» от карьерного консультанта Венеры Мещеровой @vmeshcherova.

В прошлом посте мы выяснили, как по описанию вакансии понять, кого именно ищет компания.

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

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

Если вам понравилась статья, поставьте реакцию на пост, так мы поймём, что двигаемся в нужном направлении. А если хотите поднять свой грейд как можно быстрее, приходите на программу развития. Мы оценим ваши хард и софт-скилы, обучим недостающим навыкам и поможем получить повышение или найти новую работу в крупной IT-компании.
👍13🔥53🙏2
Что почитать для роста до мидла в блоге
Собрали статьи вышедшие за последнее время и отсортировали по технологиям и инструментам.

Vue 3

Почему разработчики выбирают vue.

Как работать с vue 3 router.

Быстро про ECMAScript 2022.


Анимации

Подборка микроанимаций для фронтенда с codepen в 2023.

Как сделать параллакс.

10 библиотек для css и js анимации.

Как сделать интерактивную svg-диаграмму.

Простой пример анимации контуров в svg.


Паттерны проектирования

Что такое и зачем нужны.

5 книг по паттернам проектирования, которые улучшат ваш код.

Протоколы и сети

Основные протоколы передачи данных.

Как работает протокол http.

Как защитить приложение от хакеров.

TypeScript

Зачем он нужен и почему так популярен.

В чём разница между интерфейсами и типами в typescript.

Типы данных в typescript: короткое руководство для начинающих.

Для чего использовать дженерики в typescript.

Webpack

Что это такое.

Сборка проекта на webpack. простой гайд для новичков.

Как с помощью webpack копировать статические файлы.
👍5
#пятничная_скидка 
На какие курсы можно записаться со скидкой на этой неделе:

Пакет «Мастер анимаций» 18 300 12 810 ₽ или в рассрочку на 12 месяцев за 1 520 1 060 ₽/месяц до 21 мая.

Пакет курсов учит создавать анимации с помощью CSS и JavaScript. Вы узнаете, как анимировать аккордеоны, слайдеры, кнопки и другие элементы сайта. Научитесь работать с векторной графикой, добавлять маски и фильтры, а также сможете создавать для них сложные эффекты. На курсах разбираются JS-библиотеки: KUTE.js, Anime.js, Snap.svg и GSAP.

Включает курсы:

— CSS и JS-анимации

— SVG-анимации

Начать обучение.

Курс «Доступность веб-интерфейсов» 13 973 9 781₽ или в рассрочку на 6 месяцев за 2 320 1 630₽/месяц

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

Начать обучение.
2
10 советов как обезопасить свои npm-пакеты от Open Web Application Security Project (OWASP).

🔐 Избегайте публикации секретов в реестре npm, используя .gitignore, .npmignore и свойство files в package.json.

🔐 Обеспечьте блокировку файлов, используя опцию --frozen-lockfile для Yarn или npm ci для npm.

🔐 Минимизируйте поверхности атак, игнорируя run-скрипты, проверяя сторонние модули и используя суффикс --ignore-scripts при установке пакетов.

🔐 Оцените состояние проекта npm, используя команды npm outdated и npm doctor для диагностики вашего окружения.

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

🔐 Используйте локальный прокси-сервер npm, например Verdaccio, для повышения безопасности, развертывания и производительности.

🔐 Ответственно раскрывайте уязвимости безопасности, следуя программе ответственного раскрытия информации.

🔐 Включите 2FA для обеспечения дополнительного уровня безопасности вашей учетной записи npm.

🔐 Защищайте токены npm, создавая токены только для чтения, ограничивая их определенными диапазонами IP-адресов и отзывая их при необходимости.

🔐 Изучайте соглашения об именовании модулей и атак typosquatting, чтобы избежать потенциальных рисков безопасности.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Это третий пост из серии «Как откликаться на вакансии» от карьерного консультанта Венеры Мещеровой @vmeshcherova.

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

Во второй учились составлять резюме на основе анализа.

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

Читать статью.
🔥2
Коды статусов HTTP и что с ними делать.
Фронтенд-разработчики работают с данными, которые путешествуют по сетям и передаются разыми протоколами. Понимать как всё это устроено необходимо, чтобы лучше решать типовые задачи. Одна из тем, которую стоит изучить — коды статусов HTTP.

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

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

Читать статью.
👍21🔥1
На какие курсы можно записаться со скидкой на этой неделе:

Курс «Доступность веб-интерфейсов» 13 973 9 781₽ или в рассрочку на 6 месяцев за 2 320 1 630₽/месяц до 28 мая.

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

Начать обучение.

Пакет курсов Computer science 29 000 20 300 ₽ или в рассрочку на 12 месяцев за 2 410 1 690 ₽/месяцев до 4 июня.

Пакет навыков по основам программирования и работе компьютеров: проектированию сетей, работе с базами данных, самостоятельной отладке и написанию понятного и безопасного кода.

Включает 4 курса:

— Алгоритмы и структуры данных

— Паттерны проектирования

— Протоколы и сети: основы

— Протоколы и сети: веб-безопасность

Начать обучение.
👍1
Линейный поиск.
Найти что-то в массиве — довольно частая задача. Это может быть поиск целого объекта по его признаку: например, найти полный объект банковской карточки из списка сохранённых, зная только её id/номер. Или просто проверка на вхождение: к примеру, чтобы узнать, можно ли показывать определённый контент пользователю, можно проверять его права в системе в массиве разрешающих просмотр прав.

Самый простой и распространённый способ поиска в массивах и других коллекциях — линейный поиск.

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

Мы добавили примечания по TypeScript v5.0, обновления затронули 1,2 и 6 разделы.

Что изменилось 👇

В главе #1 «Введение. Для чего нужен TypeScript» добавили примечания про:
- Поддержку нескольких файлов конфигурации в extends.
- Оптимизацию сборки.
- Новые флаги.

В главе #2 «Эквивалентность типов» про:
- Новый модификатор const.
- Перечисления и особенности в TypeScript v5.0.

В главе #3 «Подведение итогов» про:
- Оптимизацию скорости, памяти и размера пакета.
- Ссылку на новые декораторы.

Узнать больше про курс и программу можно на сайте.
👍4
Проверка типа интерфейса в TypeScript.
Это одна из ключевых возможностей TypeScript. Она помогает убедиться, что объект или класс содержат необходимый набор свойств и методов, указанных в интерфейсе. Благодаря проверке типов вы можете писать более надёжный код, ведь часть ошибок будет найдена ещё на этапе компиляции.

Как проверить тип интерфейса читайте в статье.
На какие курсы можно записаться со скидкой на этой неделе:

Пакет курсов Computer science 29 000 20 300 ₽ или в рассрочку на 12 месяцев за 2 410 1 690 ₽/месяц до 4 июня.

Пакет навыков по основам программирования и работе компьютеров: проектированию сетей, работе с базами данных, самостоятельной отладке и написанию понятного и безопасного кода.

Включает 4 курса:

— Алгоритмы и структуры данных

— Паттерны проектирования

— Протоколы и сети: основы

— Протоколы и сети: веб-безопасность

Начать обучение.

TypeScript: Теория типов 15 750 11 025₽ или в рассрочку на 6 месяцев за 2 620 1 830₽/месяц до 11 июня.

Курс познакомит вас с фундаментом, на котором построена вся магия TypeScript — с системой статического анализа типов данных. Вы узнаете о теории типов, научитесь на практике использовать аннотацию типов и обобщённое программирование, сможете управлять условными типами. После курса вы сможете уверенно использовать TypeScript в любых проектах — как во фронтенде, так и в бэкенде.

Начать обучение.
Список основных софт-скиллов для фронтенд-разработчиков.

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

Исходя из своего опыта и анализа вакансий, могу сказать, что для фронтендера сейчас важно:

🙀 Общаться.
Давать и принимать обратную связь, аргументировать свою точку зрения, слышать другие мнения, не замалчивать проблемы, говорить об ошибках.

🐹 Работать в команде.
Договариваться о комфортном взаимодействии, понимать, к какой общей цели вы стремитесь и поддерживать других сотрудников для достижения этой цели.

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

😘 Быть клиентоориентированным.
Знать, какой конечный пользователь будет пользоваться разработкой и какие у этого бизнес-цели, какие решения какую пользу принесли бизнесу, какой ваш вклад в это решение. Ориентирование на клиента и его потребности при разработке позволяет шире смотреть на свою зону ответственности. Часто именно такой подход работодатели ищут в кандидатах.

😲 Решать проблемы.
Это умение не только сказать о проблеме, а также о своей ошибке, но и находить способы её решения, определять необходимые для этого ресурсы, просить помощи у руководителя и коллег. Также важно уметь приоритизировать шаги по решению проблемы, предложить несколько решений, учесть риски. Опять же не ограничиваться зоной разработки, а уметь превратить бизнес-идею в поддерживаемый код.

___

Еесли у вас есть список интересных компаний и вакансий, вы можете проанализировать и сформулировать список гибких навыков, которые важны для выбранных компаний. Затем, используя этот анализ, подготовить релевантные кейсы и построить рассказать о своём опыте.

Как провести такой анализ, рассказывали в предыдущих постах: первый, второй, третий.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥1
В отдел маркетинга анонимно прислали эксклюзивное фото с презентации Apple
9🤔1😍1
Планируете покупать себе эти очки?
Anonymous Poll
5%
Да
59%
Нет
16%
Если будут дешевле
20%
Что за очки?
TypeScript стал популярным среди разработчиков. Лучшее доказательство этому — все популярные эко-системы готовы и работают с ним.

Angular — прекратил поддержку проектов на JavaScript. Когда вы работаете в звёздной системе Angular, то зависите от @angular-cli, который создаёт «заглушки» на TypeScript. Отказ от TypeScript лишь усложнит работу.

Deno — поддерживает разработку и запуск программ на TypeScript.

Next — вы можете использовать TypeScript для новых проектов и включить его поддержку для существующих. Во втором случае Next сам сконфигурирует проект, как только вы предоставите ему пустой файл tsconfig.json.

Node — можно создавать пакеты и приложение и компилировать их в JavaScript или запускать через ts-node.

React — предоставляет шаблон для создания CRA (create-react-app --template typescript). Можно добавить поддержку TypeScript в существующее приложение.

Vue — декларации типов находятся прямо в официальном пакете npm. Чтобы начать использовать связку Vue + TypeScript, нужно лишь начать использовать TypeScript.

Этот список актуален на начало 2022 года — мы уверены, что со временем он будет расширяться. Прогресс движется вперёд, но мы остановимся на мгновение здесь и покажем на нескольких примерах шаг за шагом запуск свежих приложений.
👍6👎1
В Академии можно записаться на индивидуальную программу развития до мидл фронтенд-разработчика.

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

Вся программа занимает 6 месяцев и состоит из трёх модулей:

1. Модуль оценки, 1 месяц.
- Скоринг по навыкам фронтенд-разработчика.
- Техническое собеседование для более точных рекомендаций.
- Результаты и индивидуальный план развития.
- Индивидуальное сопровождение куратором.

2. Модуль софт-скиллов и карьеры, 2 недели.
- Собеседование по софт-скиллам с предоставлением результатов.
- Карьерная консультация по одному из запросов студента.
- Индивидуальное сопровождение куратором.

3. Модуль хард-скиллов, до 6 месяцев.
- Доступ к 4–5 курсам по плану развития в зависимости от уровня студента.
- Две персональных консультации с экспертами по любой теме из плана развития.
- Индивидуальное сопровождение куратором.

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

TypeScript: Теория типов за 15 750 11 025₽ или в рассрочку на 6 месяцев за 2620 1 830₽/месяц до 11 июня.

Курс познакомит вас с фундаментом, на котором построена вся магия TypeScript — с системой статического анализа типов данных. Вы узнаете о теории типов, научитесь на практике использовать аннотацию типов и обобщённое программирование, сможете управлять условными типами. После курса вы сможете уверенно использовать TypeScript в любых проектах — как во фронтенде, так и в бэкенде.

Начать обучение. 

Пакет курсов «Работа с данными» за 23 900 16 730 ₽ или в рассрочку на 12 месяцев за 1990 1390 ₽/месяц до 18 июня.

Курсы в этом пакете прокачивают навыки по эффективной обработке данных и построению архитектуры

Включает 3 курса:

- TypeScript
- Алгоритмы и структуры данных
- Протоколы и сети

+ курс «Протоколы и сети: веб-безопасность» в подарок.

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

Давайте посмотрим, как это делать в новой статье.
🔥1
Атаки на уязвимости.

Интернет — это сеть компьютеров, передающих ценные данные, поэтому существует множество точек, где эти данные могут украсть или нарушить их работу. Есть также слабое звено — человек. Если пользователь свободно передаёт личные данные или доступ к компьютеру, механизмам безопасности будет гораздо сложнее обеспечить защиту.

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

Больше про то, как работать с протоколами и сетями, мы рассказываем на курсе «Протоколы и сети».
👍1
На какие курсы можно записаться со скидкой на этой неделе:

Пакет курсов «Работа с данными» за 23 900 16 730₽ или в рассрочку на 12 месяцев за 1990 1390₽/месяц до 18 июня.
Курсы в этом пакете прокачивают навыки по эффективной обработке данных и построению архитектуры

Включает 3 курса:

- TypeScript
- Алгоритмы и структуры данных
- Протоколы и сети

+ курс «Протоколы и сети: веб-безопасность» в подарок.

Начать обучение.

Алгоритмы и структуры данных за 14 700 10 290₽ или в рассрочку 2450 1710₽/месяц
Понимание структур данных и алгоритмов позволяет писать более эффективный код, правильно выстраивать архитектуру проекта и отдельных модулей.

Начать обучение.