Верстаем сайт-портфолио для Frontend-разработчика
А зачем вообще нужен такой сайт? В резюме разработчики обычно только перечисляют hard skills и применяемый стек технологий, но как проверить эти знания?
GitHub и его аналоги требуют загрузки проектов, чтобы изучить их детально. У работодателя или потенциального клиента может не быть на это времени. Собственный сайт-визитка помогает продемонстрировать знания разработчика и может стать визуальным резюме с красивыми анимациями и переходами.
В этом видео рассматривается, как создать личный вебсайт на HTML, CSS и JavaScript в двух темах. Аудиодорожки нет, но видеоурок легко повторить:
https://youtu.be/27JtRAI3QO8
#html #js #фронтенд
А зачем вообще нужен такой сайт? В резюме разработчики обычно только перечисляют hard skills и применяемый стек технологий, но как проверить эти знания?
GitHub и его аналоги требуют загрузки проектов, чтобы изучить их детально. У работодателя или потенциального клиента может не быть на это времени. Собственный сайт-визитка помогает продемонстрировать знания разработчика и может стать визуальным резюме с красивыми анимациями и переходами.
В этом видео рассматривается, как создать личный вебсайт на HTML, CSS и JavaScript в двух темах. Аудиодорожки нет, но видеоурок легко повторить:
https://youtu.be/27JtRAI3QO8
#html #js #фронтенд
Как освоить фронтенд-разработку в 2022 году: дорожная карта
Мы подготовили дорожную карту, которая поможет составить план обучения, а также разобраться, на какие технологии стоит обратить внимание в 2022 году.
Бонусом — в статье senior фронтенд-разработчик делится опытом и мнением по инструментам, фреймворкам и трендам:
https://tprg.ru/ocA8
#фронтенд
Мы подготовили дорожную карту, которая поможет составить план обучения, а также разобраться, на какие технологии стоит обратить внимание в 2022 году.
Бонусом — в статье senior фронтенд-разработчик делится опытом и мнением по инструментам, фреймворкам и трендам:
https://tprg.ru/ocA8
#фронтенд
Пет-проекты для фронтенд-разработчиков
В этой подборке собраны проекты, которые помогут прокачать навыки и укрепят знания JavaScript, библиотек и фреймворков. Также автор предлагает технологии, которые можно использовать в каждом проекте и примеры похожих приложений:
https://habr.com/ru/post/578740/
#фронтенд
В этой подборке собраны проекты, которые помогут прокачать навыки и укрепят знания JavaScript, библиотек и фреймворков. Также автор предлагает технологии, которые можно использовать в каждом проекте и примеры похожих приложений:
https://habr.com/ru/post/578740/
#фронтенд
Как создать собственную версию Twitter с React и TypeScript?
Последние две недели Twitter стал наиболее обсуждаемой темой в сети из-за скандальных ситуаций. А что если создать собственную замену Twitter?
В этом руководстве вы сможете познакомиться с различными технологиями, например: MongoDB и PostgreSQL, TypeScript и другими и создать собственный аналог популярного приложения:
https://dev.to/andrewbaisden/the-complete-modern-react-developer-2022-3257
#бэкенд #фронтенд
Последние две недели Twitter стал наиболее обсуждаемой темой в сети из-за скандальных ситуаций. А что если создать собственную замену Twitter?
В этом руководстве вы сможете познакомиться с различными технологиями, например: MongoDB и PostgreSQL, TypeScript и другими и создать собственный аналог популярного приложения:
https://dev.to/andrewbaisden/the-complete-modern-react-developer-2022-3257
#бэкенд #фронтенд
React, Angular и Vue.js — так в чём же разница?
JavaScript фреймворки развиваются быстрыми темпами, но наиболее популярными среди фронтенд-разработчиков остаются:
1. React — библиотека для разработки пользовательских интерфейсов.
2. Angular — фреймворк от Google, в котором есть все необходимые инструменты для создания веб-приложений.
3. Vue.js — прогрессивным фреймворк, который отлично подходит для реализации сложных одностраничных приложений.
Все три могут заменять друг друга в приложении и окончательный выбор фреймворка больше зависит от требований в проекте и предпочтений самого разработчика. В этой статье рассматривается архитектура, производительность в различных сценариях, экосистема и инструменты в этих фреймворках:
https://habr.com/ru/company/auriga/blog/703836/
#фронтенд
JavaScript фреймворки развиваются быстрыми темпами, но наиболее популярными среди фронтенд-разработчиков остаются:
1. React — библиотека для разработки пользовательских интерфейсов.
2. Angular — фреймворк от Google, в котором есть все необходимые инструменты для создания веб-приложений.
3. Vue.js — прогрессивным фреймворк, который отлично подходит для реализации сложных одностраничных приложений.
Все три могут заменять друг друга в приложении и окончательный выбор фреймворка больше зависит от требований в проекте и предпочтений самого разработчика. В этой статье рассматривается архитектура, производительность в различных сценариях, экосистема и инструменты в этих фреймворках:
https://habr.com/ru/company/auriga/blog/703836/
#фронтенд
Zustand как альтернатива Redux
Управление состоянием в React за последнее время значительно меняется. Одни перешли на Redux, другие — используют сторонние библиотеки, например: Zustand или Recoil.
Библиотека Zustand была разработана создателями Jotai и React-spring и позволяет легко управлять состоянием приложения, не усложняя разработку обилием кода.
В этом видео рассматривается, что такое Zustand, работа с этой библиотекой и оптимизация рендера компонентов:
https://youtu.be/l6WDSN-_HSI
#фронтенд
Управление состоянием в React за последнее время значительно меняется. Одни перешли на Redux, другие — используют сторонние библиотеки, например: Zustand или Recoil.
Библиотека Zustand была разработана создателями Jotai и React-spring и позволяет легко управлять состоянием приложения, не усложняя разработку обилием кода.
В этом видео рассматривается, что такое Zustand, работа с этой библиотекой и оптимизация рендера компонентов:
https://youtu.be/l6WDSN-_HSI
#фронтенд
YouTube
Знакомство с Zustand - лучшей заменой Redux
Стейт менеджер Zustand позволяет легко управлять состоянием приложения, не усложняя разработку обилием кода. Для работы даже не требуется провайдер, а стор представляет из себя готовый хук. Причем количество сторов может быть любым.
Библиотека поставляется…
Библиотека поставляется…
А что если создать клон ChatGPT?
Нейросеть ChatGPT взорвала интернет и стала самой обсуждаемой темой в 2022. Интересно, как повторить такой проект?
Мы нашли видеоурок, в котором автор объясняет, как с нуля создать интерфейс ChatGPT для фронтенда и бэкенда, используя пакет от OpenAI:
https://youtu.be/qwM23_kF4v4
#ии #фронтенд #бэкенд
Нейросеть ChatGPT взорвала интернет и стала самой обсуждаемой темой в 2022. Интересно, как повторить такой проект?
Мы нашли видеоурок, в котором автор объясняет, как с нуля создать интерфейс ChatGPT для фронтенда и бэкенда, используя пакет от OpenAI:
https://youtu.be/qwM23_kF4v4
#ии #фронтенд #бэкенд
3 правила в веб-дизайне, которые упрощают жизнь разработчикам
Макет готов, дизайн сделан, а сайт что-то не верстается. Плохой дизайн? Сложный макет? Действительно, иногда сложно понять идеи дизайнера и воплотить их в жизнь.
В этой статье собраны стандарты и правила, которые помогут сделать веб-разработку чуть-чуть легче: Grid options, названия слоёв и отступы:
https://habr.com/ru/post/723198/
#web #фронтенд
Макет готов, дизайн сделан, а сайт что-то не верстается. Плохой дизайн? Сложный макет? Действительно, иногда сложно понять идеи дизайнера и воплотить их в жизнь.
В этой статье собраны стандарты и правила, которые помогут сделать веб-разработку чуть-чуть легче: Grid options, названия слоёв и отступы:
https://habr.com/ru/post/723198/
#web #фронтенд
MyJavaScript — полезный ресурс для начинающих фронтенд-разработчиков
На MyJavaScript собраны руководства, шпаргалки, вопросы и другие материалы по JavaScript, TypeScript, React, Next.js, Node.js, Express, Prisma, GraphQL, Docker.
Информация на сайте постоянно обновляется, поэтому вы также можете проверить все обновления и релизы в ЯП. Сохраняйте в закладки, чтобы не потерять:
https://my-js.org/
#фронтенд
На MyJavaScript собраны руководства, шпаргалки, вопросы и другие материалы по JavaScript, TypeScript, React, Next.js, Node.js, Express, Prisma, GraphQL, Docker.
Информация на сайте постоянно обновляется, поэтому вы также можете проверить все обновления и релизы в ЯП. Сохраняйте в закладки, чтобы не потерять:
https://my-js.org/
#фронтенд
10 инструментов, упрощающих работу с CSS
Вчера публиковали подборку из 7 инструментов для веб-разработки. А вот ещё 10 самых популярных инструментов, которые здорово упростят работу с CSS: https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn/
#инструменты #фронтенд #веб
Вчера публиковали подборку из 7 инструментов для веб-разработки. А вот ещё 10 самых популярных инструментов, которые здорово упростят работу с CSS: https://tproger.ru/articles/10-instrumentov-dlya-css-animaciya-setki-i-dizajn/
#инструменты #фронтенд #веб