WebDEV
8.5K subscribers
2.26K photos
11 videos
2.98K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
Интернет-магазин на Node.js

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

📺 YouTube

WebDEV #видео
Полный курс Typescript за час

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

📺 YouTube

WebDEV #видео
Рисуем сайт и айдентику с арт-директором

Рисуем сайт и айдентику с арт-директором
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.

📺 YouTube

WebDEV #видео
Концепт упаковки чифира "Колокольщик" — 10/10

Автор канала ParaGraph каждый день публикует самые интересные решения в дизайне от агентств и фрилансеров со всего мира, а так же результаты конкурсов и фестивалей.

Мои фавориты — это ребрединг молочки Милград с их котиками и до безумия детализированная этикетка крафтового вина Father’s Wine!

Очень рекомендую подписаться:
@paradigm_graphics
Секреты создания уникальных сайтов: эклектика в веб-дизайне

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

📺 YouTube

WebDEV #видео
Курс по NextJS 13

Курс охватывает ключевые аспекты работы с фреймворком, начиная с быстрого старта и использования клиентских компонентов, до создания API эндпойнтов и настройки аутентификации и приватных роутов. Вы познакомитесь с различными вариантами рендеринга (RSC, CSR, SSR, SSG, ISR), оптимизацией изображений, новыми возможностями в NextJS 14 и Server actions. В заключительных уроках будет показан простой способ работы с базой данных и публикация проекта на собственном сервере с SSL.

📺 YouTube

WebDEV #видео
Полный курс Next.js за 2 часа

Новое большое видео на канале, сегодня я публикую полный курс Next JS для начинающих. Этот материал позволит тебе изучить Некст за 2 часа с нуля (важно только знание React). Считай это 20 уроков Next в одном видео. В прошлый раз я делал быстрый курс по Next, но это был не полный материал. В этом ролике будет как и практика next, на примере проекта, так и немного теории. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior Front-end разработчика.

📺 YouTube

WebDEV #видео
Уроки Materialize CSS

Уроки по фреймворку Materialize Css это то что должен изучить каждый начинающий фронтенд разработчик. Аналогичный фреймворку Bootstrap в работе требует определенных знаний и я покажу на практике как их использовать.

📺 YouTube

WebDEV #видео
Простая анимация SVG

В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js

📺 YouTube

WebDEV #видео
💡Шпаргалка по Figma

WebDEV #советы
CSS Grid, flexbox, float. В чем разница и как использовать.

Видео показывает различные методы верстки страницы с помощью CSS: float, inline-block, flexbox и Grid. Сначала идет введение и обзор проекта, затем пошаговая реализация каждого метода для сравнения их возможностей.

📺 YouTube

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

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

📺 YouTube

WebDEV #видео
Как быстро оживить дизайн сайта с нуля в Figma и Webflow

Хотите создать стильный сайт с нуля в Figma и сразу сверстать его в Webflow? В этом видео я покажу полный процесс – от идеи до готового сайта, который будет выглядеть профессионально и современно.

📺 YouTube

WebDEV #видео
Язык разметки HTML за 40 минут для начинающих

Язык разметки HTML5. Синтаксиc. Правила оформления страниц. Основные теги.

📺 YouTube

WebDEV #видео
Как создать сайт самому на Тильда за 45 минут?

В этом видео мы покажем вам, как создать сайт на платформе Tilda за 45 минут, даже если вы не имеете опыта в программировании. Мы расскажем вам о лучших инструментах для создания сайта и научим вас, как использовать их на практике.

📺 YouTube

WebDEV #видео
Frontend Roadmap 2024. Что должен учить фронтенд-разработчик в 2024 году?

Разбираем пошагово актуальный роадмап для фронтенд-разработчика в 2024-м году, говорим о том, что должен знать фронтенд-разработчик на момент 2024-го года, чтобы шансы попасть на работу были максимально высокими.

📺 YouTube

WebDEV #видео
💡 Шпаргалка по фреймворкам JS

WebDEV #советы
Верстка простого сайта для новичков

Вёрстка сайта Burger Landing из Figma с самого нуля с очень подробными объяснениями каждого действия. Данный макет подойдёт для новичков. Верстка сайта позволит нам попрактиковать знания html, css, бэм, адаптив, а также положить такой прекрасный макет в портфолио.

📺 YouTube

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

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

📺 YouTube

WebDEV #видео
Формы на HTML и PHP

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

📺 YouTube

WebDEV #видео