🛠 Styled Components – библиотека для стилизации React-компонентов.

Она позволяет создавать пользовательские компоненты с локальными встроенными стилями.

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

🌍 Сайт

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

Flatirons Fuse — удобный импортер CSV-данных на сайт

С помощью снипета кода вы можете добавить Fuse на свой сайт и позволить своим клиентам или внутренним командам легко переносить данные CSV в любом формате. 

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

Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"

Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.

📺 YouTube

WebDEV #видео

💡 Шпаргалка по AI-сервисам

WebDEV #AI

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

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

Формы в JS - доступ к элементам форм, чтение и изменение значений полей ввода

Изучим, как получать доступ ко всем элементам form на странице и как можно по-разному обращаться к полям форм. Обсудим атрибут form, который позволяет связать внешнее поле с конкретной формой, независимо от его расположения в разметке. Научимся управлять элементами input, textarea и select, а именно, узнаем как правильно читать и изменять их значения через value, checked и другие свойства DOM-элементов.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

WebDEV #советы

Формы на HTML и PHP

Формы на HTML и PHP. В этом плейлисте собраны уроки по HTML, CSS, JS и PHP, в которых мы изучаем формы. Как создавать формы, какие бывают атрибуты у элементов форм и как правильно и красиво оформить формы вы можете узнать из этого раздела.

📺 YouTube

WebDEV #видео

Редактирование, поиск, сортировка. Уроки JavaScript с нуля

Массив – это особый подвид объектов. Он позволяет нам хранить данные, но, в отличии от объектов, мы можем управлять этими данными более гибко. Как работать с массивами и применять различные методы мы сейчас и разберемся! Но то, что действительно делает массивы особенными – это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро. Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

Интернет-магазин на Node.js

В этом курсе вы узнаете, как создать полноценный интернет-магазин на Node.js. Вас ждёт пошаговое руководство по разработке серверной части, интеграции базы данных, аутентификации пользователей, обработке платежей и созданию функционального интерфейса. Курс охватывает все ключевые аспекты, необходимые для запуска современного e-commerce проекта.

📺 YouTube

WebDEV #видео

💡Шпаргалка по фронтенду

WebDEV #советы

HTML верстка сайта слайдера и посадка на CMS

Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.

📺 YouTube

WebDEV #видео

HTML / CSS адаптивная верстка сайта Freelance Portfolio

Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

📺 YouTube

WebDEV #видео

Все о Frontend-разработке за 15 минут

Самый простой способ вкатиться в айти это либо стать тестировщиком, либо Frontend (фронтенд) разработчиком. Ну, кто такой тестировщик и чем он занимается мы уже рассказали, а сегодня потрем немного про фронтендеров: кто они, чем занимаются и что им нужно знать.

📺 YouTube

WebDEV #видео

Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?

На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂

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

В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.

И у тебя тоже получится 😎

У меня есть канал, где я:
👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения
👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти
👉 На примерах показываю, как проходить собеседования, включая техничку
👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров

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

Подписывайся: https://xn--r1a.website/+vSYVOzXxbWMxYmM6

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

Полный курс Typescript за час

Новое большое видео на канале, сегодня я публикую полный курс Typescript для начинающих. Этот материал позволит тебе изучить Тайпскрипт за час с нуля (важно только знание JavaScript). Считай это 20 уроков TS в одном видео. В прошлый раз я делал быстрый курс по TypeScript, но это был не полный материал. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior Front-end разработчика. Можно сказать это фундаментальный курс по TypeScript от А до Я.

📺 YouTube

WebDEV #видео

9 способов ускорения верстки

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

📺 YouTube

WebDEV #видео