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

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

Ещё почитать? @htmlacademy
Download Telegram
Ситуация #2.
В нашей команде проводятся код ревью, в процессе ревью задач участвуют все разработчики. Когда я пишу обратную связь к коду разработчика, который я проверял, кроме исправлений и вопросов, которые у меня появляются, я стараюсь найти и отметить хорошие подходы и сильные решения автора кода. Так как мне кажется важным обращать внимание не только на ошибки, но и давать положительную обратную связь.
Ситуация #3.
Мне пришла задача с нечёткими требованиями от руководящего проектом. Прежде чем уточнять у него требования, я собрала небольшой созвон с аналитиком и дизайнером, чтобы детализировать задачу, оказалось, что ребята располагали нужной мне информацией, и я смогла взять задачу в работу.
Ситуация #4.
Для меня важно качество кода и время разработки, поэтому я всегда предлагаю автоматизировать всё, что можно. Но у нашей команды не было автотестировщика, поиск затягивался. Я пособирал информацию в интернете, пообщался с бывшими коллегами с экспертизой в автотестировании и сам написал автотест для части кода нашего продукта.
Какой навык проявил специалист в этой ситуации?
Anonymous Quiz
4%
Работа в команде
89%
Обучаемость
3%
Управление конфликтами
4%
Коммуникабельность
Ситуация #5. Заключительная
Я посещаю все презентации продуктов, которые выпускает наша компания и публичные собрания. Для меня важно знать, какие цели у нашего бизнеса, я слежу за показателями поведения наших клиентов. Эту информацию я использую в своей работе.
Какой навык проявил специалист в этой ситуации?
Anonymous Quiz
8%
Работа в команде
4%
Обучаемость
85%
Клиентоориентированность
3%
Тайм-менеджмент
Если понравился формат, поставьте любую реакцию на это сообщение 👽
👍35🔥144🤔4
Сколько раз ответили правильно?
Anonymous Poll
25%
5
33%
4
26%
3
10%
2
5%
1
1%
0
Жадные алгоритмы. Задачи о размене, рюкзаке и о задачах.
Мы добавили задачу в вашу задачу о задачах, чтобы вы решали задачу, пока решаете задачу.

Читать.
Forwarded from HTML Academy
«Окей, ChatGPT, сделай мне кнопку»

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

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

🤖 https://tml.io/ef1c26
На какие курсы можно записаться со скидкой на этой неделе:


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

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

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

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

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

📍Алгоритмы и структуры данных за 14 700 10 290₽ или в рассрочку на 6 месяцев за 2 450 1 710₽/месяц до 25 июня.

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

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

#пятничная_скидка
1
В нашем подкасте «Про код» уже 12 выпусков, слушать можно на любимых площадках, лайки и обратную связью приветствуем 🐈
007. WebGPU в Chrome 113, борьба с большим DOM и канареечный React
Про код
🎙 Подкаст «Про код», эпизод 7. WebGPU в Chrome 113, борьба с большим DOM и канареечный React

Коротко:
разобрали Chrome 113, посчитали, сколько узлов в DOM у Академии, поругались на перекраску полос прокрутки и ужаснулись консольным приложениям на React. Классика!

00:00:00 Начало
00:00:26 Chrome 113 — что нового?
00:17:01 Большой DOM не всегда к добру
00:35:02 Канареечный React
00:46:57 Почему перекраска полос прокрутки — это плохо
00:54:39 Консольные приложения на React

💫️️️️Слушайте «Про код» на любимой площадке и подписывайтесь на «Доктайп»
🔥3
Почему 8px сетка — стандарт индустрии?

При работе с сайтами вы могли заметить, что многие элементы имеют размеры или отступы, кратные восьми: кнопка высотой 40px, отступ между карточками каталога 32px, несколько иконок, стоящих в ряд с отступом в 8px и так далее. Что же происходит? Это совпадение или какой-то дизайнерский заговор?

Это не заговор: в таких отступах есть смысл и практическая польза.

Подробнее в статье.
👍6
Какие вопросы задают на собеседованиях.

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

Чтобы хоть как-то помочь вам, мы поговорили с коллегами из компаний Affinage и Takeoff-staff, компании Pitch, студии Лепёхина и веб-студии Thmoon. Они рассказали, что спрашивают на собеседованиях, как у них проходит тестовое задание и нужно ли фронтендеру уметь вообще всё, чтобы найти работу.

Посмотреть вопросы.
3👍3
Какое событие помогает выполнить какие-то действия после того, как анимация перехода была проиграна до конца?
Anonymous Quiz
5%
transitionstart
8%
transitionrun
6%
transitioncancel
81%
transitionend
На какие курсы можно записаться со скидкой на этой неделе 👇

Пакет курсов «Креативный» за 15 610₽ или в рассрочку за 1300₽.

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

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

- Дизайн для фронтендеров

- Дизайн-системы

- Мастер анимаций: CSS- и JS-анимации

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

Курс «Паттерны проектирования» за 9 900₽ или в рассрочку за 1150₽.

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

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

Скидки будут действовать до 9 июля.
👍1
🗂️ Как сверстать доступный сайт.

Что важно учесть, чтобы сайтом смогли пользоваться все — https://tml.io/e262cc
👍1
⚙️ Что такое алгоритмы и зачем нужны.

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

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

Перечислим часть задач, которые можно решать с помощью алгоритмов (на самом деле их возможности гораздо шире).

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

Поиск в массиве.
Разработчикам часто приходится искать в массиве целый объект по его признаку или запускать проверку на вхождение. Для таких задач нужно правильно выбирать алгоритм поиска.

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

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