Создание красивого сайта с 3D эффектом Parallax
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Сегодня я покажу, как происходит создание таких крутых сайтов и подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация эффекта глубины на сайте посредством 3D перспективы. Вы удивитесь, насколько просто и быстро можно разрабатывать подобные вещи, используя современный CSS.
📺 YouTube
WebDEV #видео
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Сегодня я покажу, как происходит создание таких крутых сайтов и подробно объясню все моменты и тонкие нюансы разработки. Ключевой особенностью данного примера является реализация эффекта глубины на сайте посредством 3D перспективы. Вы удивитесь, насколько просто и быстро можно разрабатывать подобные вещи, используя современный CSS.
📺 YouTube
WebDEV #видео
YouTube
Создание красивого сайта с 3D эффектом Parallax (HTML + CSS)
💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Сегодня я покажу, как происходит создание таких крутых сайтов и подробно объясню все моменты и тонкие нюансы разработки.…
В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Сегодня я покажу, как происходит создание таких крутых сайтов и подробно объясню все моменты и тонкие нюансы разработки.…
Типичные ошибки новичков в 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 #инструменты
🛠 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
Телеграмм бот на 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 #видео
Урок по 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 деревом нашего…
Эти ошибки губят всех начинающих веб-дизайнеров
Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!
📺 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…
Курс по анимациям в ReactJS
Framer motion - быстро развивающаяся библиотека для анимаций React-приложений. В частности ее использует Chakra UI. Возможности у библиотеки большие. В этом видео мы знакомимся с базовыми настройками и делаем простые анимации.
📺 YouTube
WebDEV #видео
Framer motion - быстро развивающаяся библиотека для анимаций React-приложений. В частности ее использует Chakra UI. Возможности у библиотеки большие. В этом видео мы знакомимся с базовыми настройками и делаем простые анимации.
📺 YouTube
WebDEV #видео
Telegram
WebDEV
Сообщество веб-разработчиков.
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc
Канал на бирже: telega.in/c/webb_dev
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc
Канал на бирже: telega.in/c/webb_dev
Разбор портфолио. Что верстальщики делают не так?
Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
📺 YouTube
WebDEV #видео
Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
📺 YouTube
WebDEV #видео
YouTube
Разбор портфолио подписчика. Что верстальщики делают не так?
Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::…
День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFHKoPaZ ИП Галактионов Тихон Витальевич, ИНН 771618975809
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.
Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂
А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров
А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме
А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.
Реклама, erid: 2W5zFHKoPaZ ИП Галактионов Тихон Витальевич, ИНН 771618975809
💡Убедитесь, что элементы интерфейса не скрыты
Доступность элементов. Важно, чтобы элементы интерфейса, такие как меню, кнопки или ссылки, были всегда видны и доступны, даже если пользователь прокручивает страницу. Проверьте, чтобы важные кнопки оставались видимыми, независимо от положения страницы.
WebDEV #советы
Доступность элементов. Важно, чтобы элементы интерфейса, такие как меню, кнопки или ссылки, были всегда видны и доступны, даже если пользователь прокручивает страницу. Проверьте, чтобы важные кнопки оставались видимыми, независимо от положения страницы.
WebDEV #советы