Типичные ошибки новичков в ReactJS. useState, useEffect, props drilling и usecontext
Рассмотрим типичные ошибки которые встречаются в проектах у начинающих React JS разработчиков. Как правильно изменять состояние в компоненте используя useState. Почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него. Что такое props drilling и как от него избавиться с помощью использования createContext и useContext.
📺 YouTube
WebDEV #видео
Рассмотрим типичные ошибки которые встречаются в проектах у начинающих React JS разработчиков. Как правильно изменять состояние в компоненте используя useState. Почему стоит быть аккуратным с вызовом useEffect и изменением состояния компонента внутри него. Что такое props drilling и как от него избавиться с помощью использования createContext и useContext.
📺 YouTube
WebDEV #видео
Next.JS setup: деплой на VPS
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
📺 YouTube
WebDEV #видео
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
📺 YouTube
WebDEV #видео
YouTube
Next.js setup: Деплой на VPS | Jest | Playwright | CI/CD | Sentry
Мое ссобщество Evolution Community 🙂
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://xn--r1a.website/cleanfrontend
Это первое видео…
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://xn--r1a.website/cleanfrontend
Это первое видео…
Освойте нейросети для контента за 3 дня
ИИ это не про замену людей — это про усиление ваших умений и делегирование рутины. 80% контента уже делается с помощью ИИ и базовые навыки необходимы всем, кто работает с созданием контента.
Регистрируйтесь на бесплатный мини-курс, где вы получите готовое портфолио и научитесь:
— Писать продающие посты без «ИИ‑шаблонов»;
— Делать стильные визуалы для брендов и соцсетей;
— Проводить нейрофотосессии с реальными или вымышленными моделями;
— Готовить презентации, креативные арты и постеры.
Переходите по ссылке, чтобы получить доступ и бонусные материалы.
Реклама. Информация о рекламодателе по ссылкам в посте.
ИИ это не про замену людей — это про усиление ваших умений и делегирование рутины. 80% контента уже делается с помощью ИИ и базовые навыки необходимы всем, кто работает с созданием контента.
Регистрируйтесь на бесплатный мини-курс, где вы получите готовое портфолио и научитесь:
— Писать продающие посты без «ИИ‑шаблонов»;
— Делать стильные визуалы для брендов и соцсетей;
— Проводить нейрофотосессии с реальными или вымышленными моделями;
— Готовить презентации, креативные арты и постеры.
Переходите по ссылке, чтобы получить доступ и бонусные материалы.
Реклама. Информация о рекламодателе по ссылкам в посте.
🛠 W3C Validator — инструмент, созданный консорциумом World Wide Web Consortium (W3C) для проверки валидности HTML и XHTML кода веб-страниц.
Он анализирует код, выявляет ошибки и предупреждения, а также оценивает соответствие стандартам W3C. Этот инструмент помогает разработчикам улучшить совместимость сайта с различными браузерами и обеспечить корректное отображение страниц, что в конечном итоге повышает качество пользовательского опыта.
🌍 Сайт
WebDEV #инструменты
Он анализирует код, выявляет ошибки и предупреждения, а также оценивает соответствие стандартам W3C. Этот инструмент помогает разработчикам улучшить совместимость сайта с различными браузерами и обеспечить корректное отображение страниц, что в конечном итоге повышает качество пользовательского опыта.
🌍 Сайт
WebDEV #инструменты
🛠 readme.so — этот простой редактор позволяет добавлять и кастомизировать все разделы, которые должны быть в README проекта.
WebDEV #инструменты
WebDEV #инструменты
🛠 SVGito – это бесплатное веб-приложение, которое чистит SVG файлы, и тем самым избавляет вас от необходимости ручного редактирования.
Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.
🌍 Сайт
WebDEV #инструменты
Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.
🌍 Сайт
WebDEV #инструменты
🛠 Picular — это поисковик, в который вы можете ввести, скажем, слово “фрукт” и на выходе получить мозаику цветов, относящихся к введённому термину.
Это прекрасное место для поиска цветовых решений для мудбордов. Picular особенно мне пригодился, когда я составлял палитру для одного проекта, связанного с брендингом и графическим дизайном.
🌍 Сайт
WebDEV #инструменты
Это прекрасное место для поиска цветовых решений для мудбордов. Picular особенно мне пригодился, когда я составлял палитру для одного проекта, связанного с брендингом и графическим дизайном.
🌍 Сайт
WebDEV #инструменты
Ты слышал, что Claude Code — один из лучших инструментов вайб-кодинга в мире. Зашёл попробовать — а там оплата картой, которая из России не проходит. Ограничения, виртуалки, чужие аккаунты, и фоновый страх, что завтра всё отвалится.
CEO университета Зерокодер, Кирилл Пшинник, проведет открытый практикум. Что вы узнаете:
— Доступ к Claude Code из России — как установить, оплатить и настроить. Без блокировок — рабочая схема 2026 года;
— 15 ИИ-агентов одновременно — прямая демонстрация: как выполняются задачи, как работает переключение, контекст проекта;
— Сайт с нуля за 15 минут — прямо на практикуме, от пустой папки до готовой страницы;
— Дашборд и обработка таблиц — аналитика на чистом коде, без сторонних сервисов.
И самое главное – расскажем как получить Claude Code бесплатно.
🎁 Бонус всем участникам: набор лучших навыков для Claude Code, чтобы вы сразу начали работать, без задержек и ограничений.
Please open Telegram to view this post
VIEW IN TELEGRAM
Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
📺 YouTube
WebDEV #видео
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
📺 YouTube
WebDEV #видео
YouTube
Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете
↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
Макет: https://www.figma.com/design/1KK5DFNAxfJjD0pG8VdvCH/
Материалы ВебКадеми на всех площадках:…
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
Макет: https://www.figma.com/design/1KK5DFNAxfJjD0pG8VdvCH/
Материалы ВебКадеми на всех площадках:…
Телеграмм бот на NodeJS + Notion с нуля. Деплой и обновление на Ubuntu
Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT
📺 YouTube
WebDEV #видео
Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT
📺 YouTube
WebDEV #видео
Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами
Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.
📺 YouTube
WebDEV #видео
Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.
📺 YouTube
WebDEV #видео
Урок по JavaScript. Как работать с DOM в JS.
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).
📺 YouTube
WebDEV #видео
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).
📺 YouTube
WebDEV #видео
YouTube
Уроки Javascript #5. Как Работать с DOM в JS? (+ 26 упражнений для полной прокачки).
Мой Telegram: https://xn--r1a.website/stackdevru
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего…
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего…
ZenStack — TypeScript-инструмент для «усиления» Prisma ORM.
Достигается это за счёт мощного слоя контроля доступа, что и раскрывает его полный потенциал. При этом ZenStack предлагает интерактивный опыт работы с Markdown, автоматически генерирует CRUD API и фронтенд-хуки, обеспечивая высокий уровень безопасности.
WebDEV #инструменты
Достигается это за счёт мощного слоя контроля доступа, что и раскрывает его полный потенциал. При этом ZenStack предлагает интерактивный опыт работы с Markdown, автоматически генерирует CRUD API и фронтенд-хуки, обеспечивая высокий уровень безопасности.
WebDEV #инструменты
Эти ошибки губят всех начинающих веб-дизайнеров
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 YouTube
WebDEV #видео
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 YouTube
WebDEV #видео
YouTube
Эти ОШИБКИ Губят Всех Начинающих Веб-дизайнеров! Перестань это делать в 2024
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс…
Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами
Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.
📺 YouTube
WebDEV #видео
Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.
📺 YouTube
WebDEV #видео
YouTube
TypeScript: Геттеры и Сеттеры – полное руководство, кратко и с примерами
🔥 Ccылка на курс: https://itgid.info/ru/course/ts
🫶 Поблагодарить автора - монобанк:
5375414126666006
Лущенко О
Получить курс в кабинете: https://cabinet.itgid.info/
Ссылка на урок: https://itgid.info/ru/course/ts/ts-sprint-12
Вопрос автору: https://xn--r1a.website/itgid_info…
🫶 Поблагодарить автора - монобанк:
5375414126666006
Лущенко О
Получить курс в кабинете: https://cabinet.itgid.info/
Ссылка на урок: https://itgid.info/ru/course/ts/ts-sprint-12
Вопрос автору: https://xn--r1a.website/itgid_info…