Телеграм канал 'Web-разработчик'

Web-разработчик


1'161 подписчиков
0 просмотров на пост

Самые полезные советы для web-developer. Ссылки, видеоуроки, шпаргалки, новые инструменты, советы для веб программирования. Канал будет полезен как джунам, так и сеньорам, как для frontend, так и backend.
По любым вопросам @gro08y

Детальная рекламная статистика будет доступна после прохождения простой процедуры регистрации


Что это дает?
  • Детальная аналитика 195'158 каналов
  • Доступ к 72'518'094 рекламных постов
  • Поиск по 276'404'481 постам
  • Отдача с каждой купленной рекламы
  • Графики динамики изменения показателей канала
  • Где и как размещался канал
  • Детальная статистика по подпискам и отпискам
Telemetr.me

Telemetr.me Подписаться

Аналитика телеграм-каналов - обновления инструмента, новости рынка.

Найдено 94 поста

#tools #js

Хороший плагин для Сhrome, позволяющий добавлять кастомный JS-код на любой сайт. Полезно если какой-то блок надо удрать или наборот расширить каким-то поведением..

https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija
Web-страница:
Custom JavaScript for websites
Run custom JavaScript on any website.
Почему CSS ::before не работает с инпутами и изображениями

https://webplatform.news/issues/2020-08-26
Web-страница:
Web Platform News
Regular news content for web developers written by Šime Vidas
#tools

Аналог Photoshop в браузере, дотаточно не плохой и шустрый.
https://www.photopea.com/
Изображение
Асинхронность, однопоточность, Event Loop
https://www.youtube.com/watch?v=IJQVLg4heLA
Web-страница:
Ключевые концепции мира JS - Базовый курс - Неделя -1, Видео 1
Асинхронность, однопоточность, Event Loop
Полное пошаговое руководство по API GraphQL с React и FaunaDB

https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/
Web-страница:
A Complete Walkthrough of GraphQL APIs with React and FaunaDB
As a web developer, there is an interesting bit of back and forth that always comes along with setting up a new application. Even using a full stack web
Vue.js для начинающих, урок 3: условный рендеринг

https://habr.com/ru/company/ruvds/blog/510628/
Web-страница:
Vue.js для начинающих, урок 3: условный рендеринг
Продолжаем наш учебный курс по Vue, которые порекомендовала Наталья Теплухина, Staff Engineer в Gitlab и Core Team Member фреймворка Vue (Q/A сессия с Наташей пр...
Подробно о React Router. Часть 3 — редиректы, передача props компоненту роута + бонус

https://medium.com/@stasonmars/ec45c399deb8
Web-страница:
Подробно о React Router.
В этой статье рассказано передаче пропсов компоненту роута, редиректах и вложенных роутах. + бонус, стилизация активных элементов…
#advanced #react

Entire React code base explanation by visual block schemes (Stack version)
https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS
Изображение
Начну с понедельника?
Хватит, ты уже неоднократно так делал и это ни к чему не привело. Залетай на канал - тут публикуются простые советы по изменению своей жизни к лучшему. Уверен у тебя все получится🤚🏻👇🏻
Изображение
Юнит тестирование в React — Что нужно знать

https://felixgerschau.com/unit-testing-react-introduction/
Web-страница:
Unit testing React - What you need to know
Starter guide to unit testing for React developers, covering the basics of unit testing, tools and some pitfalls you might encounter.
Реализация реалистичного перелистывания страниц на CSS

https://codepen.io/amitsheen/full/WNweryv
Изображение
4 популярных способа стилизации ваших React компонентов

https://medium.com/javascript-in-plain-english/4-popular-ways-to-style-your-react-components-18f08ead0fd0
Web-страница:
4 Popular Ways To Style Your React Components
Make your components effectively beautiful to look at
Как создать адаптивную временную шкалу с эскизами

https://1stwebdesigner.com/how-to-create-a-responsive-timeline-with-image-thumbnails/
Изображение
Yaml для веб разработчиков

https://webdevblog.ru/yaml-dlya-veb-razrabotchikov/
Web-страница:
Yaml для веб разработчиков - Еще один блог веб-разработчика
В статье описывается язык разметки YAML, что это такое, для чего он нужен, основной синтаксис и приводятся примеры его использования
Введение в базы данных - курс молодого бойца

https://www.youtube.com/watch?v=KahLX5JzVKw
Web-страница:
Базы данных. Курс молодого бойца. Введение
Ссылка на статью на Habr про колоночные базы - https://habr.com/ru/post/95181/
SQL песочница - http://sqlfiddle.com/
Хостинг MongoDB - https://mlab.com/
Хостинг Redis - https://redislabs.com/
Задачки по SQL для тренировки - https://www.hackerrank.com/
Redis client - https://github.com/luin/medis
MongoDB client - https://robomongo.org/
Neo4j - https://neo4j.com


Мои соц сети:
VK - http://vk.com/mikhailcarlin
Facebook - https://www.facebook.com/mikhailcarlin
Web-страница:
Use Chrome DevTools Like a Senior Frontend Developer
6 tips you must know if you choose Chrome as your development environment.
Эффект стоящих карточек на CSS

https://codepen.io/lynnandtonic/pen/dyGjvLB
Изображение
Практика функционального программирования на JavaScript — методы составления данных

https://webdevblog.ru/praktika-funkcionalnogo-programmirovaniya-na-javascript-metody-sostavleniya-dannyh/
Web-страница:
Практика функционального программирования на JavaScript - методы составления данных - Еще один блог веб-разработчика
В статье описывается как используя функцию fork из библиотеке rubico, можно преобразовывать одни структурированные данные в другие
Motion Path: введение в современные анимации

https://habr.com/ru/post/509880/
Изображение
О том, как использовать множественные фоны в CSS

https://ishadeed.com/article/css-multiple-backgrounds/
Web-страница:
Understanding CSS Multiple Backgrounds - Ahmad Shadeed
Ahmad Shadeed - Understanding CSS Multiple Backgrounds

Найдено 94 поста