Пет-проекты для фронтенд-разработчиков
В этой подборке собраны проекты, которые помогут прокачать навыки и укрепят знания 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/
#фронтенд