WebDEV
8.96K subscribers
2.21K photos
11 videos
2.72K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
​​Обнаружена новая утечка документов граждан РФ на множестве сайтов, в том числе в доменах Сбербанка и других, через поисковые запросы к Яндексу. Яндекс — найдётся всё (и ваши паспорта тоже)!

Пример поисковой строки

Из ВТБ, «Сбербанка», сайтов государственных и муниципальных услуг Москвы и некоторых онлайн-магазинов утекли: ФИО, номера карт, сканы паспортов, билеты на поезда и самолёты…

#news
Кто вы? Как научились программировать? К чему стремитесь? 20000 ответов

Проект freeCodeCamp провёл опрос 2017 New Coder Survey, в котором приняли участие более 20000 человек со всего мира. Эти данные, содержащие ответы респондентов на примерно 50 вопросов, выложены в открытый доступ на GitHub.

Большой опрос программистов

#article
Вариативные шрифты — будущее веб-типографии, шрифты предлагают ряд возможностей управления отображением текста на экранах (размер, жирность, стиль). И все это при относительно малом размере файла.

Вариативные веб-шрифты

#article #typography
Материал, посвящён основам JavaScript и предназначен для начинающих программистов. Его можно рассматривать и как небольшой справочник по базовым конструкциям JS.

В статье говорится о системе типов данных, о переменных, о массивах, о функциях, о прототипах объектов, и о некоторых других особенностях языка.

Основы JavaScript

#js #junior
Я побывал на многих плохих собеседованиях, и в качестве кандидата и в качестве ведущего, и в качестве наблюдателя. В результате сформулировался крайне субъективный набор заметок о том, как стоит и как не стоит проводить собеседование разработчиков.

Антисобеседования

#article #interview
Разработана технология архивации веб-страницы в строку URL.

Вице-президент Dropbox по дизайну, разработал технологию Itty bitty site, позволяющую создавать веб-страницы, содержимое которых хранится внутри собственного URL в закодированном виде.

Архивация веб-страницы в строку URL

Пример работы технологии — послание подписчикам WebDEV. Содержимое этого простого сайта хранится в URL.

#news #article
​​SweetAlert — замена стандартных alert(). Состоит только из двух файлов: js и css. Красивая, отзывчивая JavaScript библиотека, можно кастомизировать алерты.

Демо | GitHub

#js #css
Google решил сделать из Google Maps новый миллиардный бизнес, подняв цены в 14 раз и уменьшив лимит бесплатного использования почти в 30 раз, всё с минимальным периодом уведомления. К счастью, это немедленно стимулировало конкуренцию. Apple Maps, MapBox, TomTom — что выбрать?

Прощай, Google Maps

#news #startup
Недавно увидел вопрос, в котором программист C++ спрашивал, что нужно начать изучать для того чтобы впоследствии стать веб-разработчиком. С его слов он начал с изучения php, но по совету знакомых переключился на Java, в какой-то момент открыл для себя Angular, в итоге в голове у него образовалась каша, и понимания в какую сторону двигаться не было. Именно для людей, которые только что пришли в веб я и решил поделиться этой статьей, чтобы у них было примерное понимание, что тут есть.

Web-разработка – с чего начать?

#article #junior
Куда ни посмотришь — всюду статьи о лояльности клиентов, об удовлетворённости пользователей, об интуитивной понятности интерфейсов и о прочем подобном. Хватит уже об этом. Поговорим лучше о создании плохого софта, такого, поработав с которым, пользователь возненавидит и сам этот софт, и его разработчиков, и свои мышь с клавиатурой заодно.

Пишем софт, который будут ненавидеть

#article
​​Draggable.js — легковесная, отзывчивая, современная drag & drop библиотека с приятной анимацией.

Демо | GitHub

#js #dragndrop
Качественная и уместная анимация веб-страниц радует глаз и помогает в работе. Это – одна из основ веб-дизайна наших дней.

Когда анимация способна улучшить впечатления пользователя от работы со страницами? Что именно стоит «оживить» для того, чтобы взаимодействие с ресурсом стало бы более удобным, понятным, увлекательным?

Веб-анимация: где, зачем и почему

#article #animation
Разработка безопасных и надежных облачных веб-приложений — очень, очень сложное дело. Если вы думаете иначе, вы либо не от мира сего, либо жизнь вас еще не проучила.

После того, как вы просмотрите приведённый ниже контрольный список задач, которые нужно решить для обеспечения безопасности веб-проекта, вы, наверняка, сами увидите, что многое из того, что в нём есть, в вашей разработке не учтено.

Безопасность для веб-разработчиков

#article #security
Github отказывается от использования jQuery и переходит на чистый JavaScript

Mislav Marohnić объявил о том, что разработчики Github избавились от jQuery на фронтенде GitHub.com. Казалось бы, в самом этом факте нет ничего примечательного, если бы не один интересный момент.

Проблема выбора нового фреймворка для фронтенда была решена радикально — решено было обойтись без фреймворков в принципе.

Читать подробности

#news #js #github
Если вы занимаетесь веб-программированием, это значит, что вам не надо рассказывать о том, насколько в вашей работе важна отладка.

Нередко для записи данных в логи, для их форматирования или вывода на экран используют внешние библиотеки, не учитывая при этом того факта, что в распоряжении программистов имеются JavaScript-команды для работы с консолями, которые встроены в браузеры. И обладают эти консоли гораздо более серьёзными возможностями, чем может показаться на первый взгляд.

Команды для работы с JavaScript-консолью в браузерах

#js #console
​​Классная пасхалочка в консоли у Reddit'a, вы замечали?
​​Подписчик написал, что пасхалка в консоли на Pikabu поинтереснее будет. А вы как считаете?
​​Magic — это невероятные кросс-браузерные анимации, которые можно использовать в дизайн-проектах. Еще у них есть версия для React.

Демо | GitHub

#css #animation
Европейский общий регламент по защите данных вступил в силу два месяца назад. Пока IT-сектор размышляет о будущем крупных информационных гигантов, перемены уже происходят и на более низком уровне: многие компании закрылись, другие — пытаются адаптироваться.

Жертвы GDPR. Кто прекратил работу из-за новых правил

#article #security
​​Bootstrap Magic — инструмент, предлагающий создать собственную 4.0 тему прямо в браузере. Вы начинаете с дефолтных цветов Бутстрапа и постепенно кастомизируете её в редакторе.

Bootstrap Magic | GitHub

#bootstrap #theme