WideDeveloperLinks
120 subscribers
378 photos
447 links
канал полезных ссылок
Download Telegram
Веб-анимация на JS и CSS

открыть на ютубе

Александр Завьялов, Яндекс | Веб-анимация на JS и CSS | FrontTalks 2015

Я работаю в промо группе, мы занимаемся разработкой промо-сайтов. По долгу службы нам часто приходится иметь дело с анимациями.
Анимационный HTML5 Canvas.

открыть на ютубе
Анимация изображения на JavaScript. Анимационный HTML5 Canvas. Основы создания игр на JavaScript
Best JSON Formatter

открыть
Приложение из сайта (Google Play)

Как сделать из сайта приложение и выложить его в Google Play за несколько часов.

Часть 1
Часть 2
15 App Ideas to Build and Level Up

We all know that it can be hard sometimes to find new application ideas that you could build in order to either improve or learn a new...
Open source воркшопы

Воркшопы, которые обучают веб разработке. Создавайте собственные воркшопы или присоединяйтесь к разработке существующих в вашей стране.
Build 30 things

смотреть
Браузерное расширение "30 Seconds"

30 Seconds of Knowledge меняет стартовую страницу. При открытии новой вкладки подтягивает какой-то прикольный код-семпл с обьяснением и показывает на стартовой странице.
Можно настроить по темам и языкам программирования.
CSS Scan 2.0

открыть

CSS Scan 2.0 - The fastest and easiest way to inspect or copy CSS
расширения Google Chrome программисту

смотреть список расширений
RCE and a simple reverse shell -CTF

RCE в NodeJS
How to Prevent SQL Injection in Node.js

про SQLi и RCE
Достаем базу данных

через ZAP Proxy и sqlmap
Пример обхода ограничений HTML формы

выполнение RCE
Уязвимости из OWASP Top 10.

Описание уязвимостей
23 рекомендации по защите Node.js

читать
Полная настройка Webpack 4

7 полезных видео уроков:

🖍 Настройка Webpack 4 шаблона. Установка Babel 7 и webpack dev server. Настройка js на примере vue
🖍 Полная настройка Webpack 4 препроцессоров. Sass, настройка post css плагинов, минификация стилей.
🖍 Самое важное по WEBPACK 4 - обработка картинок и html. Webpack-merge. Обработка статических файлов
🖍 Подключение VUE и VUEX, забываем jQuery. Использование vuejs в верстке.
🖍 Ускоряем загрузку JS в 3-4 раза. Code Splitting и vendors.js
🖍 Лучший способ подключения и обработки шрифтов.
🖍 Полная настройка шаблонизатора pug. Использование в верстке и не только
Webpack. Full Course 2020

Webpack. Полный Курс 2020
После него ты научишься создавать любые сборки под любые проекты.
Почему курс почти 3 часа? В нем рассказываю про почти все в деталях: babel, typescript, eslint, sass, less, react jsx, hmr, dev server, шрифты, картинки, xml, csv. Расскажу про оптимизацию приложения с разными билдами, решение проблем с кешированием, настройку Webpack для разных окружений, анализ бандла и просто best practices
После курса больше не будет пробелов, относительно того, как работают и собираются современные Frontend приложения
Приятного просмотра
Исходный код
Вебпак, вид сквозь монокль

открыть на ютубе

Рассмотрим хорошие практики современных сборщиков в мире фронтенда. Разберём популярные проблемы.