Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете

Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.

📺 YouTube

WebDEV #видео

💡Шпаргалка по HTML

WebDEV #советы

💡Шпаргалка по CSS

WebDEV #советы

Телеграмм бот на NodeJS + Notion с нуля. Деплой и обновление на Ubuntu

Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT

📺 YouTube

WebDEV #видео

Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами

Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.

📺 YouTube

WebDEV #видео

Урок по JavaScript. Как работать с DOM в JS.

В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).

📺 YouTube

WebDEV #видео

ZenStack — TypeScript-инструмент для «усиления» Prisma ORM.

Достигается это за счёт мощного слоя контроля доступа, что и раскрывает его полный потенциал. При этом ZenStack предлагает интерактивный опыт работы с Markdown, автоматически генерирует CRUD API и фронтенд-хуки, обеспечивая высокий уровень безопасности.

WebDEV #инструменты

Эти ошибки губят всех начинающих веб-дизайнеров

Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!

📺 YouTube

WebDEV #видео

Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами

Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.

📺 YouTube

WebDEV #видео

💡 Шпаргалка по стилям границ CSS

WebDEV #советы

🛠 Stylelint - Мощный, современный линтер, который поможет вам избежать ошибок и обеспечить соблюдение правил в ваших стилях.

🌍 Сайт

WebDEV #инструменты

💡Шпаргалка по CSS

WebDEV #советы

React Native для начинающих

React позволяет нам создавать интерфейс приложения, то есть писать фронтенд. А его версия Native — запускать React приложения на телефоне и ПК.

В этом видео вы узнаете, как правильно создать приложение на телефон с помощью React, и как оно вообще запускается.

📺 YouTube

WebDEV #видео

Event Loop: Ключ к оптимизации вашего кода. Как работает асинхронность в JS

Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance

📺 YouTube

WebDEV #видео

Курс по анимациям в ReactJS

Framer motion - быстро развивающаяся библиотека для анимаций React-приложений. В частности ее использует Chakra UI. Возможности у библиотеки большие. В этом видео мы знакомимся с базовыми настройками и делаем простые анимации.

📺 YouTube

WebDEV #видео

Разбор портфолио. Что верстальщики делают не так?

Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.

📺 YouTube

WebDEV #видео

День сурка frontend-разработчика

Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.

Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.

И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.

Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂

А в своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров

А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме

А еще у меня множество успешных кейсов и отзывов, найти их можно в канале.

Реклама, erid: 2W5zFHKoPaZ ИП Галактионов Тихон Витальевич, ИНН 771618975809

💡Убедитесь, что элементы интерфейса не скрыты

Доступность элементов. Важно, чтобы элементы интерфейса, такие как меню, кнопки или ссылки, были всегда видны и доступны, даже если пользователь прокручивает страницу. Проверьте, чтобы важные кнопки оставались видимыми, независимо от положения страницы.

WebDEV #советы

CSS сниппеты для ускорения HTML верстки. Готовая подборка

Стартовая коллекция CSS сниппетов для ускорения HTML верстки и написания CSS стилей. Быстрые команды для фона, псевдоэлементов, импорта и медиа запросов.

📺 YouTube

WebDEV #видео

💡 Шпаргалка по HTML5

WebDEV #советы