TGViewer
Channel Public Channel
WebDEV

WebDEV

@webb_dev

Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Open in Telegram
Subscribers
8.29K
Photos
2.3K
Videos
19
Links
3.1K

Showing posts older than #4769 · Back to latest

Older Posts 20 shown
Post #4767 673
Строгий режим в JavaScript. Как включить и его особенности.

Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий режим в JavaScript.

📺 YouTube

WebDEV #видео
YouTube Строгий режим в JavaScript. Как включить и его особенности. 'use strict'; в JS Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий…
Post #4766 678
Слайдер с 3D эффектом волны на чистом CSS

Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику

📺 YouTube

WebDEV #видео
YouTube Слайдер с 3D эффектом волны на чистом CSS Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику. Архив с кодом из урока в Telegram канале: https://t.me/+friZxyBulgNmYjE6…
Post #4764 733
Vim за 100 секунд

Vim — это текстовый редактор на основе клавиатуры, который может повысить вашу продуктивность при написании кода.

📺 YouTube

#видео #vim
YouTube Vim in 100 Seconds Vim is a keyboard-based text editor that can improve your productivity when writing code. Learn more in the Vim for VS Code course https://bit.ly/370N7Pr Special Thanks to Joe Previte! https://twitter.com/jsjoeio Vim history https://en.wikipedia.org/wi…
Post #4763 701
WebRTC за 100 секунд

WebRTC — это технология, которая создает соединение в реальном времени между браузерами, где пользователи могут обмениваться аудио / видеопотоками.

📺 YouTube

WebDEV #видео #WebRTC #web
YouTube WebRTC in 100 Seconds // Build a Video Chat app from Scratch Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between browsers where users can exchange audio/video streams https://fireship.io/lessons/webrtc-firebase-video-chat/ 00:00 WebRTC Explained 02:01…
Post #4762 685
SVG Explained за 100 секунд

Что такое Scalable Vector Graphics? Чем векторные изображения отличаются от растровых? Изучите основы SVG за 100 секунд!

📺 YouTube

WebDEV #видео #svg #web
YouTube Make Awesome SVG Animations with CSS // 7 Useful Techniques Learn 7 useful SVG animation techniques to make beautiful graphics for your website. In this tutorial, we'll build two different SVGs from scratch and animate them CSS. Source code: https://github.com/fireship-io/animated-svg-demo 00:00 What we're building…
Post #4759 631
Универсальный стартовый шаблон для твоих Пэт-проектов с JS, SASS и Vite

– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?

Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!

📺 YouTube

WebDEV #видео
YouTube Универсальный СТАРТОВЫЙ ШАБЛОН для твоих пэт-проектов с JS, SASS и Vite [2023] * ИНТЕНСИВ "ИГРА НА ЧИСТОМ JS": https://pomazkovjs-hangman.ru/ ⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/ – Какие технологии выбрать для своего пет проекта? – Как развернуть проект и заставить всё работать вместе?…
Post #4756 632
Делаем анимацию при прокрутке на JavaScript

Анимация при прокрутке страницы это, пожалуй, самое удобное, что можно сделать с сайтом, используя JavaScript.

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

📺 YouTube

WebDEV #видео
YouTube Анимация при прокрутке (скролле) страницы на HTML CSS и JavaScript Анимация при прокрутке (скролле) страницы очень полезно для повышения удобства пользования вашим сайтом. К тому же это очень красиво и современно. В этом видео я пошагово покажу как анимировать элементы при прокрутке страницы без тяжелых библиотек используя…
Post #4754 635
10 горячих клавиш в VS Code, которые ускорят твою верстку

Решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге вы будете больше получать кайфа от нашей работы!

📺 YouTube

WebDEV #видео
YouTube 10 горячих клавиш в VS Code, которые ускорят твою верстку Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы! ----------------------------------- Мой курс по верстке - https://from0to1.com.ua/…
Post #4751 678
Плавный переход между страницами сайта

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

📺 YouTube

WebDEV #видео
YouTube Плавный переход между страницами сайта, barba.js, GSAP Друзья, поезд тронулся )) сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном…
Post #4749 632
Топ 7 антипаттернов React. Ошибки, которые угробят твой проект

Это видео - первые 7 уроков моего курса по React, который начнётся в понедельник. Здесь мы рассмотрим ВАЖНЕЙШИЕ ошибки, которые встречаются в огромном количестве React проектов. Почему redux не спасает от props-drilling. Почему component folder - это зло.
И почему useEffect - это худшее, что придумало человечество

📺 YouTube

WebDEV #видео
YouTube ТОП 7 Антипаттернов React. Ошибки, которые УГРОБЯТ твой проект Подробнее о курсе: https://evocomm.space/course/react-patterns Подробнее о сообществе: https://paromovevg.ru/evolution-community Мой telegram канал: https://t.me/cleanfrontend Исходники: https://github.com/EvgenyParomov/react-antipatterns Миро доска:…
Post #4748 638
CSS переменные. Кастомные свойства + практический пример на JavaScript

Подготовил крутой видос про css переменные, вы узнаете не только что это, а и как можно ловко манипулировать Custom Properties на javascript, и тем самым делать ваш сайт супер живым!

📺 YouTube

WebDEV #видео
YouTube Custom Properties / css переменные / Кастомные свойства + практический пример на javascript Друзья, подготовил крутой видос про css переменные, вы узнаете не только что это, а и как можно ловко манипулировать Custom Properties на javascript, и тем самым делать ваш сайт супер живым! начальные файлы: https://drive.google.com/file/d/19-YSfjyrnFXC…
Post #4746 633
PixelPerfect все, что нужно знать

Если бы вы знали, сколько слез пролито из-за слов Perfect Pixel, это слезы наших коллег, они почти как слезы русалок=) Сегодня мы победим страх перед PixelPerfect и научимся правильно его применять

📺 YouTube

WebDEV #видео
YouTube PixelPerfect все что нужно знать Друзья, если бы вы знали, сколько слез пролито из-за слов Perfect Pixel, это слезы наших коллег, они почти как слезы русалок=) Сегодня мы победим страх перед PixelPerfect и научимся правильно его применять Мой курс по верстке: https://from0to1.com.ua/ …
Post #4744 646
Формы в JS - доступ к элементам форм, чтение и изменение значений полей ввода

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

📺 YouTube

WebDEV #видео
YouTube Формы в JS — доступ к элементам форм, чтение и изменение значений полей ввода, атрибут form ✏️ Изучим, как получать доступ ко всем элементам form на странице и как можно по-разному обращаться к полям форм. Обсудим атрибут form, который позволяет связать внешнее поле с конкретной формой, независимо от его расположения в разметке. Научимся управлять…
Post #4742 591
Весь современный стек в одном видео! Блок на сайт на Nest.js, Next.js и FSD

В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий:

Сервер мы реализуем с использованием:
Node.js, Nest.js, Prisma, PostgreSQL, Swagger

Админку напишем на:
React, Next.js, FSD архитектура, @tanstack/react-query, tailwindcss, react-hook-form, orval

Расширение напишем на:
React, Vite, FSD архитектура, @tanstack/react-query, tailwindcss, orval

📺 YouTube

WebDEV #видео
YouTube Весь современный стек в одном видео! | Блок сайт на Nest.js, Next.js и FSD Сообщество Evolution Community https://paromovevg.ru/evolution-community со всеми моими курсами Исходники: https://github.com/EvgenyParomov/block-list Мой telegram канал: https://t.me/cleanfrontend В этом видео мы напишем браузерное расширение для…
Post #4741 596
Топ 5 сайтов, которые должен посетить каждый

Топ 5 крутых современных веб-сайтов, которые должен посетить каждый веб-дизайнер и веб-разработчик. Это новейшие практики и современные тенденции веб-дизайна.

📺 YouTube

WebDEV #видео
Telegram WebDEV Сообщество веб-разработчиков. На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки. Ссылка: @Portal_v_IT Сотрудничество: @oleginc, @tatiana_inc Канал на бирже: telega.in/c/webb_dev РКН: clck.ru/3L2oTf
Post #4738 611
Astro. Теперь сайты моментальные. Быстрый курс

Новый ролик на канале про фреймворк, позволяющий уже создавать сайты на Islands Architecture. С помощью Astro вы сможете создавать сайты, которые открываются во много раз быстрее, чем, например на Next.js без потери функционала. Так же, используя Astro вы можете писать компоненты на React, Preact, Svelte, Vue и другие компоненто-ориентированные технологии

📺 YouTube

WebDEV #видео
YouTube Astro. Теперь сайты моментальные. Быстрый курс Подкаст тут: https://t.me/js_by_vladilen/515 Исходный код: https://github.com/vladilenm/astro-cc Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе…
Post #4737 636
Замыкания в JS: за 15 минут: от и до | Что такое лексическое окружение и как связано с замыканием

Почему у вас не получается понять замыкания в JS?
Всё просто: вам неправильно объясняют!
В этом видео я объясню вам замыкания так, что больше у вас не возникнет проблем на собеседовании и при решении задач НИ-КОГ-ДА.

📺 YouTube

WebDEV #видео
YouTube ЗАМЫКАНИЯ В JS за 15 минут: ОТ и ДО | Что такое лексическое окружение и как связано с замыканием? * ИНТЕНСИВ "Игра на чистом JS: с нуля до деплоя": https://pomazkovjs-hangman.ru/ ⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599 Почему у вас не получается понять замыкания в JS? Всё просто: вам неправильно объясняют! В…
Post #4734 604
💡 Шпаргалка по JS

WebDEV #cheatsheet
Post #4733 704
💡 Шпаргалка по нейронкам

WebDEV #cheatsheet
Post #4729 672
💡Шпаргалка по HTML

WebDEV #советы
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →