💡 Шпаргалка по фреймворкам JS

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

Формы на HTML и PHP

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

📺 YouTube

WebDEV #видео

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

WebDEV #советы

Игры для дизайнера: улучшение навыков

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

📺 YouTube

WebDEV #видео

Иллюстратор по коротким урокам

Курс включает в себя уроки по рисованию различных объектов в Adobe Illustrator, начиная от листа и заканчивая пальмой и закатом.

📺 YouTube

WebDEV #видео

Коротко о SWIFT

Этот всеобъемлющий курс предоставит вам глубокое понимание системы передачи межбанковских финансовых сообщений (SWIFT). Вы узнаете об истории, компонентах, протоколах и приложении SWIFT в современном финансовом мире.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

Делаем поэкранный скролл в Figma

В данном видео разберем анимацию в Figma и реализуем плавный скролл.

📺 YouTube

WebDEV #видео

Верстка сайта с нуля до результата

Первая часть мастер-класса по верстке лендинга по БЭМ методологии с применением препроцессора Sass на диалекте SCSS. Подготоавливаем файловую структуру, анализируем макет, готовим шрифты, миксины, медиазапросы, утилитарные и глобальные классы. Верстаем шапку, секции hero и services.

📺 YouTube

WebDEV #видео

Курс по CSS для начинающих за час

Курс по CSS для начинающих за час поможет быстро освоить основы каскадных таблиц стилей. В уроке рассматриваются такие базовые темы, как синтаксис CSS, селекторы, применение стилей к HTML-элементам, работа с цветами, шрифтами, отступами, а также создание простых макетов с использованием Flexbox и Grid. Это краткий, но содержательный урок, который даст прочную базу для дальнейшего изучения CSS и создания веб-страниц с красивыми и функциональными стилями.

📺 YouTube

WebDEV #видео

Регулярные выражения в JS

Курс из 6 уроков по различным регулярным выражениям. Начиная от символьных классов и квантификаторов, заканчивая проверками и альтернацией.

📺 YouTube

WebDEV #видео

Решение задач JavaScript. Большой курс

Решаем задачи JavaScript вместе! В нашей серии видео мы предлагаем интересные и практические задачи по
JavaScript, подходящие как для новичков, так и для тех, кто уже освоил основы.

📺 YouTube

WebDEV #видео

Полный курс HTML & CSS за 6 часов

Если вы хотите научиться создавать красивые и функциональные веб-страницы, то этот курс для вас.

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

Мы также рассмотрим блочную модель CSS, позиционирование элементов на странице, псевдоклассы и псевдоэлементы. Кроме того, вы научитесь работать с flexbox и использовать его для создания гибких и адаптивных макетов.

📺 YouTube

WebDEV #видео

UIKit без сторонних фреймворков

UIKit — это фреймворк, который вы будете использовать чаще всего для разработки приложений на iOS.

📺 YouTube

WebDEV #видео

10 секретов и фишек в Figma, которые улучшат твою работу в разы!

Figma — мощный инструмент для веб-дизайнеров, который помогает создавать и редактировать дизайны прямо в браузере. Многие его функции остаются скрытыми, но они могут значительно упростить и ускорить рабочий процесс.

В этом видео мы разберем 10 удобных функций в Figma, которые вы могли не знать, но которые смогут ускорить ваш рабочий процесс в несколько раз! Мы посмотрим разные варианты копирования, вставка текста, применение стилей и даже создание ленты для Instagram!

📺 YouTube

WebDEV #видео

Скрипт обратного отсчета на JS для сайта

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

📺 YouTube

WebDEV #видео

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

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

📺 YouTube

WebDEV #видео

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

WebDEV #советы