Статья: Вопросы и ответы для собеседования на позицию frontend-разработчика

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

Держите подборку вопросов с ответами для фронтендеров. В первой части делается упор на JavaScript, а во второй части — на TypeScript. Заучивать ответы нет смысла, т.к. формулировка вопросов может меняться. А вот что действительно поможет, так это разобраться в каждом примере и понять суть задачи и её решения.

#статья #frontend #трудоустройство #ru

Инструмент для удобной отладки адаптивности веб-приложения

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

Ссылка на инструмент: Responsively

#инструмент #web #frontend

Курс: Программа-минимум по TypeScript для React

В планах есть плотная работа с React, но пока не дружите с TS? Эта статья проведёт быстрый экскурс по тому, что и как происходит в TypeScript: от самых основ до нишевых и специфичных тем. Вам не потребуется тратить много времени на другие полноценные курсы по TS, достаточно засесть на один вечер с этой статьёй.

#курс #typescript #react #frontend #en

​​Большая подборка бесплатных учебных материалов для фулстека

Вам больше не нужно ходить по сети в поисках подходящих материалов — всё, что нужно для обучения веб-разработки, собрано в одном месте. Само собой, эта подборка будет полезна не только фулстекам, но и отдельно фронтенд и бэкенд-разработчикам.

В этой подборке вы найдёте бесплатные курсы по вёрстке, JavaScript, JS-фреймворкам, Node.js, PHP, базам данных, Docker и другим важным технологиям.

@prog_point #web #frontend #backend

Инструмент для добавления интерактивности HTML-страницам

Благодаря такому инструменту вы получаете доступ к AJAX, CSS Transitions, WebSockets и Server Sent Events прямо из HTML, без необходимости обрабатывать это всё на стороне JS. Так вы сможете сконцентрироваться на вёрстке и даже делать интерактивные страницы без знания JavaScript или CSS.

Ссылка на инструмент: htmx

#инструмент #web #frontend

Анимированное руководство по CSS flex

flex — свойство в CSS, определяющее способность элемента растягиваться или сжиматься для заполнения собой доступного свободного пространства.

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

#frontend #css #ru

​​10 игр для изучения CSS

Учиться разработке через игры во многом интересней и эффективней, чем делать это же самое в видео и статьях. Ловите целых 10 таких игрушек для изучения CSS: Flexbox froggy, Flexbox defense, Knights of the Flexbox Table, Flex Box adventure, Flexbox zombies, Grid garden, Grid attack, CSS Diner, Guess CSS, CSS Speedrun.

Подробней про каждую игру с описанием смотрите в источнике.

#frontend #css

Короткий курс по TypeScript

TypeScript — это язык программирования со строгой типизацией, который компилируется в JavaScript, что позволяет ему затем выполняться в браузере.

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

https://youtu.be/nyIpDs2DJ_c?si=CuqcqN-0Iuitzp_v

#курс #typescript #frontend #ru

Интерактивный тренажёр фронтендера

Авторы включили в тренажёр 1,5 тысячи заданий — этого с лихвой хватает для практики во фронтенде.

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

Такое добро лишним не бывает:

Ссылка на тренажёр

#курс #frontend #начинающим #ru

​​Топ-50 ресурсов с бесплатными HTML/CSS/JS шаблонами

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

— LayoutFlow — шаблоны для сайтов агенств, портфолио и услуг.
— Treact — React-шаблоны.
— Flout UI — компоненты Tailwind и готовые шаблоны Next.js
— Themesberg — шаблоны админ панелей, лендингов и UI-китов.
— Templatemo — много Bootstrap-шаблонов.
— HTMLrev — крупнейшая библиотека шаблонов со всеразличными технологиями.

#подборка #frontend