Полный самоучитель по CSS Grid на примере единорога и со шпаргалкой
Рассказываем про свойства CSS Grid, которые помогут создавать адаптивные сайты и делимся шпаргалкой, которая охватывает все, что можно сделать с помощью Grid.
#css #шпаргалка #веб #фронтенд
Рассказываем про свойства CSS Grid, которые помогут создавать адаптивные сайты и делимся шпаргалкой, которая охватывает все, что можно сделать с помощью Grid.
#css #шпаргалка #веб #фронтенд
Готовимся к собеседованию по фронтенду: 30 вопросов на позицию джуна с разбором ответов
Казалось бы, что сложного в вопросах на собеседовании на джуна фронтенд-разработчика? Теория, немного личного опыта и знание основ решений стандартных задачек с IT-сайтов.
Но есть ощущение, что с каждым годом на интервью задают всё больше заковыристых вопросов, чтобы отсеять как можно больше неуверенных в себе кандидатов.
Разобрали несколько таких вопросов
#собеседование #фронтенд #веб
Казалось бы, что сложного в вопросах на собеседовании на джуна фронтенд-разработчика? Теория, немного личного опыта и знание основ решений стандартных задачек с IT-сайтов.
Но есть ощущение, что с каждым годом на интервью задают всё больше заковыристых вопросов, чтобы отсеять как можно больше неуверенных в себе кандидатов.
Разобрали несколько таких вопросов
#собеседование #фронтенд #веб
Как рендерятся сайты: объяснение рендеринга на стороне клиента/сервера и статических сайтов на примерах
Сегодня используется три способа рендеринга страницы: CSR — рендеринг на стороне клиента, SSG — генерация статического сайта и, наконец, SSR — рендеринг на стороне сервера. У каждого из них есть плюсы, минусы и важные особенности.
Вот отличная статья про их различия, кейсы использования и практические примеры
#фронтенд #веб
Сегодня используется три способа рендеринга страницы: CSR — рендеринг на стороне клиента, SSG — генерация статического сайта и, наконец, SSR — рендеринг на стороне сервера. У каждого из них есть плюсы, минусы и важные особенности.
Вот отличная статья про их различия, кейсы использования и практические примеры
#фронтенд #веб
Готовимся к собеседованию на фронтенд-разработчика: подборка лучших ресурсов
— Разбор 30 самых популярных вопросов с собеседованиий.
— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.
— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.
— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.
#фронтенд #собеседование #javascript #html #веб
— Разбор 30 самых популярных вопросов с собеседованиий.
— Серия роликов, в которых разбираются вопросы с собеседований на должность Junior- или Middle-разработчика. Эдакая шпаргалка, которая поможет подтянуть знания и зарыть пробелы. Всего 28 видео в среднем по 15 минут.
— Вопросы по HTML и смежным темам с ответами. Оригинальный репозиторий на гитхабе с 35k+ звёзд и перевод на русский.
— Репозиторий с 43k+ звезд, который отлично подойдёт для проверки знаний по JavaScript и подготовки к собеседованию. В нём собрано огромное количество тестовых вопросов по JS с вариантами ответов и подробными объяснениями.
#фронтенд #собеседование #javascript #html #веб
Годные инструменты для веб-разработки: движок для создания макетов Muuri
Принесли для вас инструмент, который помогает создавать адаптивные, сортируемые, фильтруемые и перетаскиваемые макеты.
Сложные макеты сегодня можно создавать без JavaScript. Но иногда CSS просто недостаточно. Вот здесь и поможет Muuri. По сути, Muuri — это движок для создания макетов, который ограничен только вашим воображением.
Кто пользовался? Как вам инструмент?
#инструменты #фронтенд
Принесли для вас инструмент, который помогает создавать адаптивные, сортируемые, фильтруемые и перетаскиваемые макеты.
Сложные макеты сегодня можно создавать без JavaScript. Но иногда CSS просто недостаточно. Вот здесь и поможет Muuri. По сути, Muuri — это движок для создания макетов, который ограничен только вашим воображением.
Кто пользовался? Как вам инструмент?
#инструменты #фронтенд
Фронтенд не всегда может знать, где находится его бэкенд
Такое бывает, когда они «живут» на разных URL. Например, web-приложение встраивается в другое. В таком случае программисту нужно разбираться, откуда будут брать данные и как получить к ним доступ.
Эксперт-разработчик из «Иннотеха» рассказывает несколько способов решения этой задачи: https://tprg.ru/wMo6
#фронтенд #бэкенд
Такое бывает, когда они «живут» на разных URL. Например, web-приложение встраивается в другое. В таком случае программисту нужно разбираться, откуда будут брать данные и как получить к ним доступ.
Эксперт-разработчик из «Иннотеха» рассказывает несколько способов решения этой задачи: https://tprg.ru/wMo6
#фронтенд #бэкенд
Фронтенд: Вопросы на собеседовании
Делимся серией видео, которая поможет подготовиться к собеседованиям на позицию джуниор- и мидл-разработчика. Это — шпаргалка по техническим вопросам, которые действительно можно получить на интервью: https://youtube.com/playlist?list=PLNkWIWHIRwMFSLI9wBuHxuGI5lAZ7QNUg
Бонусом — репозиторий, где можно найти:
— Ответы на вопросы по HTML.
— Ответы на вопросы по CSS.
— Ответы на вопросы по JavaScript.
— Ответы на вопросы по React.
#фронтенд #собеседование
Делимся серией видео, которая поможет подготовиться к собеседованиям на позицию джуниор- и мидл-разработчика. Это — шпаргалка по техническим вопросам, которые действительно можно получить на интервью: https://youtube.com/playlist?list=PLNkWIWHIRwMFSLI9wBuHxuGI5lAZ7QNUg
Бонусом — репозиторий, где можно найти:
— Ответы на вопросы по HTML.
— Ответы на вопросы по CSS.
— Ответы на вопросы по JavaScript.
— Ответы на вопросы по React.
#фронтенд #собеседование
Практикуемся в React, TypeScript и MobX
Небольшой гайд, как создать to-do лист с бесконечной вложенностью подзадач. Можно посмотреть код и попробовать результат в демо:
https://tproger.ru/articles/sozdanie-todo-list-beskonechnoj-vlozhennosti-react-typescript-mobx
#веб react #typescript #фронтенд
Небольшой гайд, как создать to-do лист с бесконечной вложенностью подзадач. Можно посмотреть код и попробовать результат в демо:
https://tproger.ru/articles/sozdanie-todo-list-beskonechnoj-vlozhennosti-react-typescript-mobx
#веб react #typescript #фронтенд
Какие инструменты изучить, чтобы перейти из джунов в миддлы?
Все знают про джунов, миддлов и сеньоров. Но эти трактовки довольно субъективны. В каждой компании оценивают по-своему. Где-то пытаются натянуть грейды на временные рамки: условно, junior до года, middle 1-3 года, senior — 3 и более лет. Но на деле все куда сложнее.
Рассказываем, как перейти из джуниора на позицию миддла, что для этого нужно знать и изучать, на примере фронтенда и NodeJS: https://tproger.ru/articles/kakie-instrumenty-izuchit-chtoby-perejti-iz-dzhunov-v-middly-na-primere-frontend-i-nodejs
#фронтенд #карьера
Все знают про джунов, миддлов и сеньоров. Но эти трактовки довольно субъективны. В каждой компании оценивают по-своему. Где-то пытаются натянуть грейды на временные рамки: условно, junior до года, middle 1-3 года, senior — 3 и более лет. Но на деле все куда сложнее.
Рассказываем, как перейти из джуниора на позицию миддла, что для этого нужно знать и изучать, на примере фронтенда и NodeJS: https://tproger.ru/articles/kakie-instrumenty-izuchit-chtoby-perejti-iz-dzhunov-v-middly-na-primere-frontend-i-nodejs
#фронтенд #карьера
Четыре новые функции CSS, которые обеспечивают плавную анимацию и переходы в новых версиях Chrome
Если у вас уже перестал дергаться глаз от времён, когда нужно было поддерживать IE, пришла пора обратить на новые фичи Chrome.
До них в CSS были пробелы в плавных анимациях. Это анимации для входа и выхода. И плавный переход на верхний уровень для закрываемых элементов, таких как диалоговые окна и всплывающие панели. В новых версиях 116 и 117 разработчики решили эти проблемы.
И вот как использовать новые фичи: https://tproger.ru/articles/chetyre-novye-funkcii-css-dlya-plavnoj-animacii-vhoda-i-vyhoda
#веб #chrome #фронтенд
Если у вас уже перестал дергаться глаз от времён, когда нужно было поддерживать IE, пришла пора обратить на новые фичи Chrome.
До них в CSS были пробелы в плавных анимациях. Это анимации для входа и выхода. И плавный переход на верхний уровень для закрываемых элементов, таких как диалоговые окна и всплывающие панели. В новых версиях 116 и 117 разработчики решили эти проблемы.
И вот как использовать новые фичи: https://tproger.ru/articles/chetyre-novye-funkcii-css-dlya-plavnoj-animacii-vhoda-i-vyhoda
#веб #chrome #фронтенд