WideDeveloperLinks
120 subscribers
378 photos
447 links
канал полезных ссылок
Download Telegram
Генератор таблиц

открыть
Online Color Picker

An online color picker tool
открыть
Vue 3 фундаментальный курс от А до Я

В этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: ...
открыть
Using Personal Access Tokens with GIT and GitHub

A short walk-through of how to use Personal Access Tokens to work with GitHub.Written instructions can be found at https://edgoad.com/2021/02/using-personal-...
открыть
Числа (объект Number)

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

Какие инструменты нужны тестировщику? Об этом мы сегодня порассуждаем в этой статье, в основе которой — доклад Юлии Атлыгиной
Online REST API for Testing and Prototyping

24/7 online fake REST API service for quick testing and prototyping of web and android applications. Supports authentication, rate limiting, response format negotiation.
открыть
JDoodle - free Online Compiler

is a free Online Compiler, Editor, IDE for Java, C, C++, PHP, Perl, Python, Ruby. Code Online - Share Save Java/C/C++/Perl/Python/Ruby online" data-vue-router-controlled="
открыть
FRONTEND:
⚙️ HTML5
🔩CANVAS
⛓Верстка Canvas — Алексей Охрименко
🔩LOCAL-STORAGE
⛓Почему не стоит хранить в LocalStoragе
🔩DOM
⛓Используем DOM как Pro
⛓React DOM’s event handling system
⚙️ JS
🔩GENERAL
⛓Пишем тестируемый JavaScript
⛓you-dont-know-js-ru
⛓javascript-in-14-minutes
⛓Пишем чистый и масштабируемый JavaScript
⛓Современный учебник JavaScript
⛓Map, Filter and Reduce – Animated
⛓127 Helpful JavaScript Snippets
⛓Code Basics: основы JS
⛓Алгоритмы сортировки в JS
⛓Using JSON.stringify()
⛓Understanding Function.prototype.bind
⛓25+ JavaScript Shorthand Coding
⛓Writing a Simple MVC App in Plain JS
⛓HTML5 - WebSockets
⛓DOM События
⛓JavaScript.ru
⛓От this до прототипов | Юрий Федоренко
⛓Про цикл событий в JavaScript
⛓JavaScript. Что такое prototype
⛓JS: Understanding the Weird Parts
⛓Jake Archibald: In The Loop -JSConf.Asia
⛓V8: weak collections, ephemerons, and...
⛓Окружение и замыкания
⛓Базовый синтаксис JS продолжение
⛓Какие вопросы задают на собеседовании
⛓Базовый синтаксис JavaScript
⛓7 жизненно важных функций в JavaScript
⛓advanced JavaScript questions
⛓JavaScript Практика
⛓JS: абстрактные синтаксические деревья
⛓Структуры данных для самых маленьких
⛓Оценка сложности алгоритма
⛓Looking at All 13 JavaScript Proxy Traps
⛓Прерывание fetch-запроса.
⛓Fixing memory leaks in web applications
⛓Обрабатывайте ошибки правильно
⛓Node.js Child Processes
⛓10 шагов по решению задач
⛓State of JS 2019
⛓13 Javascript one-liners that will rock
⛓Modal Vanilla Demo
⛓JavaScript по-английски (разговоный)
⛓JavaScript: валюта

🔗Далее...
FRONTEND: (продолжение...)
⚙️ JS
🔩GENERAL
⛓ES12 сделает вашу жизнь проще!
⛓Типичные ошибки
⛓Controlling CSS Animations
⛓from jQuery to vanilla JavaScript
⛓9 JavaScript кодов Must Have для junior
⛓Числа (объект Number)
🔩EXPLAIN
⛓Загадочное дело выражения null >= 0
⛓Faster apps with JSON.parse
⛓We have a problem with promises
⛓Promise (race any all allSettled)
⛓Create Autocomplete on an Input Field
⚙️ BOOTSTRAP
🔩CHEAT SHEET
⛓All Classes List with Descriptions 2021
⚙️ CSS/SASS
🔩EXPLAIN
⛓NOPE selector for ultimate specificity
⛓124 CSS Buttons
⛓85 CSS Image Effects
⛓То, что вам никто не говорил о z-index
⛓Collection of CSS snippets
⛓18 советов по CSS
⛓CSS Фичи | CSS-features
⛓Theming Web Apps with SASS
⛓Разница между width: auto и width: 100%
⛓How to configure SCSS modules (Webpack)
⛓30 CSS селекторов
⛓Разнообразные статьи на css-live.ru
🔩BEM
⛓Why do I need BEM — HTML Shorts
🔩FLEX
⛓Common CSS Flexbox Layout
⛓Анимированное руководство по CSS flex
⛓Animating Flexbox properties
🔩TOOLS
⛓csslint.net
⛓Online Interactive CSS Cheat Sheet
⛓Pure CSS Loader
⛓App - CSS Icons
⛓Simple CSS Spinners
⛓Готовим идеальный CSS
⛓Цветовой круг он-лайн
⛓CSS Grids layouts made easy
🔩GRID
⛓A Guide to Learning CSS Grid
⛓CSS Grids layouts made easy
🔩ANIMATION
⛓Smart animations with custom properties
⛓Animista (CSS animations)
⛓Controlling CSS Animations
🔩EXAMPLES
⛓О стилизации button
⛓Same HTML, Different CSS - Ahmad Shadeed
⛓65 CSS Timelines
⚙️ NODE MODULES
🔩REDUX
⛓Памятка · Redux documentation in russia
⛓Собеседование javascript (react/redux)
🔩MOBX
⛓5 причин забыть о Redux
🔩REACT
⛓React Hook Form


🔗Далее...
FRONTEND: (продолжение...)
⚙️ NODE MODULES
🔩REACTrm](https://t.me/WebDeveloperLinks/1403)
⛓Полный цикл тестирования React
🔩SETTINGS
⛓Как использовать devDependencies
🔩OTHER
⛓JavaScript Charts & Maps - amChar
⛓Treant.js (tree diagrams)
⚙️ FRAMEWORKS / LIBS
🔩REACT
⛓11 React Boilerplates and Starter Kits
⛓Make HTTP Requests with React
⛓Сравнение React и Vue на практике
⛓SWR is a React Hooks library
⛓Protected with React Router v4
⛓неправильные шаблоны и проблемы в React
⛓Курс "React JS - путь самурая" практика
⛓React.js Hooks Crash Course
⛓Собеседование javascript (react/redux)
⛓React Hooks Tutorial
⛓Знакомство с TypeScript & React-hooks
⛓useHooks (with examples)
⛓React Hook Form
⛓Полное руководство по useEffect
⛓React медленный, React быстрый
⛓Разрабатываем игру на SVG + React.
⛓BrowserHistory vs HashHistory
⛓10 React-компонентов на все случаи жизни
⛓How to set up React, webpack, Babel
⛓Тестирование React компонентов
⛓React Router: Declarative Routing
⛓ReactEurope 2020 Live
⛓React DOM’s event handling system
⛓VITE: свежий сборщик для JS
⛓Типичные ошибки
⛓Интервью с Дэном Абрамовым
⛓5 паттернов React-разработки
🔩VUE
⛓Mobile UI Components built on Vue
⛓Сравнение React и Vue на практике
⛓VueJS 2019 - быстрый курс за 50 минут
⛓VITE: свежий сборщик для JS
⛓Типичные ошибки
⛓JS. Собеседование. Ответы на вопросы
⛓Your First Web Component with Vue.js
⛓Vue 3 фундаментальный курс от А до Я
🔩REACT NATIVE
⛓React Native playlist
⛓Fullstack React Native.
⛓Snack - React Native in the browser
⛓Online IDE for native mobile apps
🔩SVELTE
⛓Большое руководство по Svelte
⛓VITE: свежий сборщик для JS
🔩JQUERY
⛓8500+ Best jQuery Plugins

🔗Далее...
FRONTEND: (продолжение...)
⚙️ FRAMEWORKS / LIBS
🔩JQUERY
⛓from jQuery to vanilla JavaScript
🔩QUASAR
⛓Quasar Framework
🔩KNOCKOUT
⛓KnockoutJS. Введение.
🔩MORE
⛓Docx
⛓MoreToggles.css - All Styles
⛓Jekyll • static sites
⛓Remix Crash Course
⛓Reagent: Minimalistic React for ClojureScript
⚙️ STATE MANGAGERS
🔩EFFECTOR
⛓Reactive state manager
⚙️ DATABASES
🔩REDIS
⛓Redis - основы и практика
🔩IndexedDB
⛓хранение данных на стороне клиента
⚙️ UI
🔩Ant Design
⛓Как кастомизировать Ant Design
⚙️ TYPE-SCRIPT
⛓The Definitive TypeScript Handbook
⛓Знакомство с TypeScript & React-hooks
⛓TypeScript Deep Dive
⛓Замечательные новые фичи TypeScript 3.5
⚙️ ANIMATION
⛓Pure CSS Loader
⛓Анимационный HTML5 Canvas.
⛓Веб-анимация на JS и CSS
⛓Animista (CSS animations)
⛓Controlling CSS Animations
⚙️ WEB-COMPONENTS
⛓Web Components
⛓Интеграции веб-компонентов
⛓Your First Web Component with Vue.js
⚙️ STYLED-COMPONENTS
⛓Лучше, быстрее: styled-components v4
⚙️ FONTS
⛓Symbols & Fancy Text
⛓Просмотр содержимого шрифтов
⛓Online @font-face generator
⛓1001 Fonts · Free Fonts Baby!
⛓Online font converter
⚙️ BOOKS
⛓FrontEnd Books
⛓Fullstack React Native.
⛓Fullstack Node.js: полное руководство
⚙️ REGEXP
⛓33 самые полезные регулярки
⚙️ ARTICLES
⛓Frontend Dev: хороший, плохой, злой.
⛓Frontend Dev: хороший, плохой, злой
⛓React медленный, React быстрый
⛓Оптимизация сайтов
⛓Разбираемся с настройкой Webpack
⛓О стилизации button
⛓Когда я уже стану полноценным кодером
⛓Готовим идеальный CSS
⛓30 CSS селекторов
⛓How to automate development tasks (NPX)
⛓10 шагов по решению задач
⛓Веб в 2020 году
⛓хранение данных на стороне клиента
⛓Разнообразные статьи на css-live.ru

🔗Далее...
TOOLS:
⚙️ CLI
⛓Основы командной строки
⛓How to automate development tasks (NPX)
⚙️ GIT
⛓Fork - a fast and friendly git client
⛓Git - Book
⛓Git How To: Guided Git Tutorial
⛓Подробное введение в работу с Git
⛓Git - для новичков - #1 - основы
⛓Learn Git Branching
⛓Using Personal Access Tokens with GIT and GitHub
⚙️ WEBPACK
⛓Избавляемся от дублей пакетов в бандлах
⛓5 полезных плагинов для webpack
⛓Собираем бандл мечты с помощью Webpack
⛓Вебпак, вид сквозь монокль
⛓Webpack. Full Course 2020
⛓Полная настройка Webpack 4
⚙️ DOCKER
⛓Docker уроки для начинающих от А до Я
⛓Как и для чего использовать Docker
⛓Docker: как развернуть приложение
⚙️ DATABASE
⛓DB Fiddle - SQL Database Playground
⚙️ CONVERTER
⛓Free Online Tools For Developers
⛓Online font converter
⛓Онлайн OCR сервис
⚙️ GENERATOR
⛓Генератор доменных имен для сайта
⛓snippet generator
⛓Online @font-face generator
⛓favicon.ico Generator
⛓Цветовой круг он-лайн
⛓Faces (Generated Photos)
⛓18 бесплатных генераторов CSS-кнопок
⛓Parallax effect generator
⛓CSS Grids layouts made easy
⛓GrapesJs ( Web Builder Framework )
⛓CSS Background Image/Color Generator
⛓npm: nextjs-sitemap-generator
⛓Online Color Picker
⛓Генератор таблиц
⚙️ MINIMIZER
⛓Reduce MP3 File Size Online
⛓TinyPNG – Compress PNG images
⛓PurifyCSS Online - Remove unused CSS
⛓CSS Minifier
⚙️ GIF
⛓Animated GIF editor and GIF maker
⛓Бесплатная анимация загрузки
⚙️ SVG
⛓Node.js tool for optimizing SVG files
⛓Бесплатная анимация загрузки
⛓URL-encoder for SVG
⚙️ GRAPHICS EDITOR
⛓Canva - Free Online Graphic Design Tool
⛓Совместное рисование
⛓Aggie.io
⛓Photopea | Online Photo Editor

🔗Далее...
TOOLS: (продолжение...)
⚙️ ASCII
⛓Рисование ASCII графики (ASCIIFlow)
⚙️ UNICODE
⛓Unicode strikethrough text tool
⚙️ YOUTUBE
⛓Get YouTube Video Thumbnail Image
⚙️ VERIFY
⛓HTML 5 Outliner
⛓GTmetrix | Website Speed and Performance
⛓JSON Formatter & Validator
⛓CSS Specificity Graph Generator
⚙️ FORMATTER
⛓JSON Formatter & Validator
⛓Best JSON Formatter
⚙️ SMARTPHONE
⛓Touch/pointer
⚙️ TRANSLATOR
⛓DeepL Translator
⚙️ EXPLAIN
⛓объяснение различных cli комманд
⚙️ ACCESSIBILITY
⛓Доступность сайта: 6 быстрых проверок
⚙️ REST API
⛓Сервисы с тестовыми API
⛓Secured Rest API
⛓API Hub-Free Public & Open Rest APIs
⛓httpstat.us
⛓Online REST API for Testing and Prototyping
⚙️ WEBSOCKET
⛓websocket.org
⚙️ EFFECTS
⛓Разные бесплатные эффекты для фотографий
⚙️ CSS ANIMATION
⛓Animating Flexbox properties
⛓Animista (CSS animations)
⚙️ COMUNICATION
⛓Frontosaur (совместная работа)
⛓Совместное рисование
⛓Aggie.io
⚙️ CSS
⛓Specificity Calculator
⛓PurifyCSS Online - Remove unused CSS
⛓CSS Specificity Graph Generator
⛓Вращающиеся индикаторы в CSS и HTML
⛓img2css
⛓How to Center in CSS
⛓Tridiv | CSS 3D Editor
⛓Create custom photo filters for CSS
⛓Online CSS3 Code Generator - EnjoyCSS
⛓Create SVG waves for your design
⛓Clippy — CSS clip-path maker
⛓Fancy Border Radius Generator
⛓Shape Divider App
⛓Dark CSS theme generator | Night Eye
⛓CSS Minifier
⚙️ INTERPRETERS
⛓TIO
⛓GDB online Debugger | Compiler - Code