Новости


PHP Framework life balance для коучеров

Framework life balance для коучеров Здесь разделён front-end и back-end. Здесь чётко выстроены сферы для Junior, Middle и Senior-деятельности. Здесь автономность и самодостаточность. Простота доступна многим Структура Framework'a такая: Здесь всему обозначено место: Место Обозначение компоненты ядра компоненты пользовательского интерфейса пользовательские и административные данные Вначале открывается web-интерфейс При первом обращении к серверу загружается пользовательский интерфейс […]

Оптимизация скриптов с Webpack SplitChunksPlugin

В этой статье я бы хотел поделиться своим опытом по разбиению бандлов для многостраничного сайта с помощью Webpack 4. Cначала создадим для каждой страницы свою точку входа. Рассмотрим на примере 4 страниц: const path = require("path"); const PATHS = { src: path.

Бэкенд для фронтенда, или Как в Яндекс.Маркете создают API без костылей

Почему некоторыми API удобнее пользоваться, чем другими? Что мы как фронтендеры можем сделать на своей стороне, чтобы работать с API приемлемого качества? Сегодня я расскажу читателям Хабра как о технических вариантах, так и об организационных мерах, которые помогут фронтендерам и бэкендерам найти общий язык и наладить эффективную работу.

Медленный regexp, умирающий Node.js

Наверное каждый слышал выражение, что если ты решаешь проблему с помощью регулярных выражение, то у тебя становится две проблемы. Недавно и сам столкнулся с проблемой производительности регулярок на Node.

Не бойтесь начинать заново

Введение В данной публикации речь пойдет о личном опыте разработки одного из проектов. Хочется отметить в первую очередь что я не позиционирую себя как какой-то super-senior developer. Все, что я здесь описал, пришло через боль и слезы разработки данного проекта.

Екатеринбург, 11 октября — Atlassian meets docker

Привет! У нас тут довольно внезапный митап, но мы решили, что лучше предупредить с опозданием, чем не предупреждать вообще. Поэтому совсем коротко и по делу. Где и когда Екатеринбург, Лофт «Соль», пер.

Руководство по Node.js, часть 8: протоколы HTTP и WebSocket

Node. js — это серверная платформа. Основная задача сервера — как можно быстрее и эффективнее обрабатывать запросы, поступающие от клиентов, в частности — от браузеров. Восьмая часть перевода руководства по Node.

Три месяца спустя: как GDPR повлиял на работу c cookies

Европейский регламент по защите данных — GDPR — вступил в силу три месяца назад. За это время объем cookie на европейских новостных сайтах сократился примерно на четверть. Сегодня рассказываем, как новые требования отразились на работе сайтов.

Интернет пора делить?

Здравствуйте, уважаемыее! Надо признать, что заголовок действительно очень странный и провокационный. Сейчас попробую объяснить, к чему он, максимально быстро и точно погрузив в ход повествования. 1.

Опыт использования WebRTC. Лекция Яндекса

Что лучше использовать при разработке софта — нативные или веб-технологии? Холивар по этому поводу закончится ещё не скоро, но мало кто станет спорить, что нативные функции полезно продублировать для использования в браузерах или WebView.

Немного об иконках css и svg

Прилетела задача: Нужно допилить тему для сайта и там под это дело вставить аж целый css-класс, который будет отображать иконку в кнопке. Но есть парочка «Но»… Иконочных шрифтов нет. Подгружать внешние файлы нельзя.

Re: «Сравнение JS-фреймворков: React, Vue и Hyperapp»

Это небольшая ответная статья на публикацию «Сравнение JS-фреймворков: React, Vue и Hyperapp». Вообще я не большой фанат подобных сравнений. Однако раз уж речь зашла о таком маргинальном фреймворке, как Hyperapp, в сравнении с мастодонтами, типа React и Vue, я подумал, почему бы не рассмотреть все те же примеры на Svelte. Так сказать, для полноты картины. […]

Лучшие инструменты для веб-дизайнеров и веб-разработчиков

Привет, читатели! Это статья больше пригодится подаванам, чем профессионалом, но возможно это статья станет уютным пристанищем для знатоков своего дела. Каждому, кто работает в сфере веба когда-то требуется что-то большое, чем текстовый редактор кода или Photoshop, Figma и т.

Почему веб-разработка на Go приятнее чем на PHP

Для кого я пишу? Для тех кто пишет на php (возможно также python, ruby) и слышал про Go, но ещё не решился его изучить детальнее. Я приведу доводы почему стоит изучать этот язык программирования и почему за ним будущее в веб-разработке.

Деплой webpack-приложения на github.io с помощью Travis CI

Задача Есть приложение, сгенерированное с помощью create-react-app. Нужно развернуть его на github. io. Проблемой является то, что Github Pages работает только со статическим кодом и Jekyll. Решение Разумеется, нам достаточно просто скомпилировать приложение где-нибудь в другом месте и уже потом выкладывать на github.

Чем Figma лучше Photoshop для разработки веб-интерфейсов

Огромное количество дизайнеров во всем мире в качестве инструмента для разработки веб-интерфейсов использует Adobe Photoshop. В этом нет ничего удивительного — Photoshop способен справиться практически с любой задачей, которая имеет отношение к графике.

Как программист исправляя баг делает 3 новых. Или как правильно работать с исполнителями

Эта статья — сводка правил, как работать с исполнителями (на примере программистов) Нет плохих программистов, есть люди, которые не умеют их подбирать и с ними работать. Но начну я с боли. Сейчас делаем каталог товаров на сайте.

Разработать собственное маленькое ICO?

Всем привет! Возможно каждый мечтает собрать собственное, маленькое и уютное ICO, которым вы сможете гордиться и наслаждаться. Допустим, у вас есть идея на реализацию {подставь свое}, вы уверены что людям это надо, но очень хочется собрать немного средств для реализации.

Противостояние W3C и WHATWG: Apple, Google, Microsoft, Mozilla возражают против DOM 4.1

Как всем известно, существует две спецификации HTML: W3C (консорциум World Wide Web) и WHATWG (компании Apple, Google, Microsoft и Mozilla, де-факто авторы стандарта HTML5). На этой неделе между создателями спецификаций состоялся открытый конфликт.

Операторы ?., ?? и |>: будущие возможности JavaScript, которые вам понравятся

Джастин Фуллер, автор материала, перевод которого мы сегодня публикуем, предлагает рассмотреть три новых возможности, появление которых ожидается в JavaScript в обозримом будущем. Сначала он расскажет о процессе развития JS, а после этого представит обзор этих возможностей и покажет примеры их использования.

ES6: полезные советы и неочевидные приёмы

Стандарт EcmaScript 2015 (ES6) существует уже несколько лет. Он принёс с собой множество новых возможностей, разные способы использования которых далеко не всегда очевидны. Вот обзор некоторых из этих возможностей с примерами и комментариями.

Использование переменных окружения в Node.js

Материал, посвящённый переменным окружения в Node. js, перевод которого мы сегодня публикуем, написал Берк Холланд, веб-разработчик, в сферу интересов которого входят JavaScript, Node. js и VS Code. Кроме того, стоит отметить, что у него сложились непростые отношения с Java.

Производительность как восприятие: управление терпением

Как расширить возможности оптимизации фронтенда, когда с технической точки зрения оптимизировать больше нечего? Для этого стоит обратиться к управлению психологией и восприятием пользователя. Ожидание может состоять из активной и пассивной фаз.

9 учебных проектов для бэкендера

источник КДПВ Ранее на хабре публиковался перевод статьи с Medium'а с подборкой из 8 проектов, которые можно реализовать, изучая новый язык или фреймворк. На мой взгляд, подборка очень неплохая. Проблема в том, что рассчитана она только на фронтендеров и мобильных разработчиков.

Анонс HolyJS 2018 Piter: как 1988-й сказывается на 2018-м

— До Нового года ещё шесть часов, — отметил замполит, — а вы уже пьяные, как свиньи. — Жизнь, товарищ лейтенант, обгоняет мечту, — сказал Фидель. Сергей Довлатов «Зона» У нас в преддверии Нового года жизнь тоже обгоняет мечту, но по-другому.

firebase.js ПРОСТО ОГРОМНЫЙ (и что мы можем с этим сделать)

Он действительно огромный — просто посмотрите на него: Эта штука весит 103кб (в сжатом виде). Больше чем код приложения — интернет-магазин -(58kb) и сравнима со всем остальным кодом в vendor бандле (156kb) — включающем react, react-dom, react-router, moment.

Dart: как правильно начать знакомство с языком?

Всем привет! На прошлой неделе мы провели вторую ежегодную встречу русскоязычного сообщества Dart (ака Dartup) и получили очень информативную и полезную обратную связь от людей, пришедших на мероприятие.

Открытый веб-интерфейс для .NET (OWIN)

Привет! ASP. NET Core поддерживает открытый веб-интерфейс для . NET (OWIN), а OWIN позволяет отвязывать веб-приложения от веб-серверов. Он определяет стандартный способ использования связующего ПО при обработке запросов и соответствующих ответов.

Как быстро спроектировать сайт с помощью CSS Grid

Модуль CSS Grid — это фантастический инструмент для создания макетов веб-сайтов. Он позволяет вам экспериментировать с макетами быстрее, чем любой другой инструмент, которые я пробовал. В этой статье я научу вас, как это сделать.

Как ты реализуешь аутентификацию, приятель?

Все знают о стандартной аутентификации пользователя в приложении. Это олдскульная процедура регистрации — пользователь вводит адрес почты, пароль и т. д. , — а затем при входе мы сравниваем почту и/или пароль с сохранёнными данными.

Решение проблем неправильного использования памяти в Node.js

Недавно в компании Reside Real Estate столкнулись с проблемами: в самые ответственные моменты начал падать Node. js-сервер. Подозрение пало на память. Сотрудники компании прибегли к временным мерам, что позволило избавить от неудобств пользователей, и занялись поисками источника проблем.

Оптимизация скорости визуализации веб-страниц

Нередко рассказы о том, как веб-разработчики заботятся о своих приложениях, начинаются с процесса визуализации сайта, опускаются на уровень DOM и останавливаются на утверждениях типа: «И это быстро потому, что используется ускорение».

Знакомство с WebAssembly

Эта статья основана на моём выступлении на ITSubbotnik, прошедшем в Рязани 14 октября 2017 года. На русском пока что довольно мало материала на эту тему, надеюсь что статья будет вам полезна. Disclaimer: Автор не является экспертом ни в WebAssembly, ни в JavaScript.

Как прятать

Когда display: none, а когда visibility: hidden? Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут. Если вам приходится что-то прятать, то лучше всего это вообще убрать: сайт легче, код чище… ошибок меньше! Но если вам нужно, чтобы оно там пряталось до поры, а потом кому-то […]

Окружение для разработки веб-приложений на TypeScript и React: от ‘hello world’ до современного SPA. Часть 1

Цель данной статьи — вместе с читателем написать окружение для разработки современных веб-приложений, последовательно добавляя и настраивая необходимые инструменты и библиотеки. По аналогии с многочисленными starter-kit / boilerplate репозиториями, но наш, собственный.

AMA. Avito. Backend

Привет! Как и обещали, сегодня мы готовы отвечать на вопросы про бэкенд в Avito, разработку серверной части в целом и про высокие нагрузки в частности. Как работается с сайтом, на который ежемесячно заходит почти четверть населения России? Спросите у нас! Отвечать будем с 12 до 19 часов по московскому времени. Под катом я представляю пять […]

Сравниваем Angular, React и Vue в 2017 году

Выбор JavaScript-фреймворка для вашего веб-приложения может оказаться не простой задачей. Не так давно у таких популярных фреймворков, как Angular и React, появился завоевывающий сердца разработчиков конкурент – VueJS.

От веб-разработчика до специалиста по машинному обучению

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

FrontFest

Есть у нас в Сибири ИТ-традиция — проводить улётную конференцию CodeFest. Каждый год мы собираем полные залы, испытывая возможности площадки. Каждый год мы закрываем регистрацию раньше времени, и только в этом году впервые не только закрыли регистрацию, но даже пытались вернуть деньги паре десятков участников, чтобы они не приходили.

Кастомные свойства

Зачем нужны кастомные свойства и как они работают? В языках программирования есть переменные: вы что-нибудь один раз объявляете, присваиваете значение, а потом снова и снова используете. Если значение переменной меняется, то оно меняется везде.

Краткое руководство для новичков, желающих стать комплексными (full stack) веб-разработчиками

Знание веб-разработки может быть огромным преимуществом. Даже простое понимание основ может оказаться крайне полезным для представителей многих IT-профессий, в том числе основателей стартапов. В этой статье вкратце рассмотрены инструменты и технологии, которыми должен овладеть начинающий комплексный веб-разработчик.

Математика для программиста

Нужна ли математика программисту? Нужна. А, кроме неё, нужна сферическая геометрия, география, музыка и банковское дело. И я сейчас не шучу. Дело в том, что программисты редко решают задачи для самих себя: мы работаем в банковских сервисах, сервисах бронирования отелей, картографических сервисах и прочих Яндекс.

Pygest #17. Релизы, статьи, интересные проекты из мира Python [29 августа 2017 — 11 сентября 2017]

Всем привет! Это уже семнадцатый выпуск дайджеста на Хабрахабр о новостях из мира Python. Присылайте свои актуальные материалы, а также любые замечания и предложения, которые будут добавлены в ближайший дайджест.

Специфика использования Redux в Polymer и Vue

Как я уже писал в своих предыдущих статьях я работал и с polymer и с vue в связке с redux. Поэтому хотелось бы поделиться опытом, связанным со спецификой использования redux в данных библиотеках. Рассматривать будем на простейших атомарных контролах: нативных (input, checkbox) и обернутых, в виде компонентов данных библиотек. В статье я опуская описание настройки […]

Nuxt.js: 28 килобайт пользы для веб-разработчика

В эту пятницу на Хабре я прочитал вводную статью про Nuxt. js, но в комментариях резюмировали, что маловато будет. Так случилось, что мы в Voximplant используем эту штуку и она приносит большую пользу.

RailsClub 2017: Интервью с Nick Sutterer. Rails умирает (а Ruby нет)

Привет! Сегодня публикуем интервью с Ником Сатерером. Ник создатель Trailblazer, автор нескольких гемов и новых слоев абстракции в Rails, Rails contributor. Накануне RailsClub 2017, где Ник будет делать доклад, Дмитрий Матвеев пообщался с ним о его работе и взглядах на развитие Rails.

Продвинутый Jekyll

Jekyll — генератор статических сайтов. Это означает, что на вход ему даётся какая-либо информация, а на выходе получается набор HTML-страничек. Всё отлично когда сайт простой или даже одностраничный.

Размещение иконок на странице сайта. Делать проще, поддерживать легче

Все должно быть изложено так просто, как только возможно, но не проще. А. Эйнштейн Добрый день уважаемые разработчики. Довольно часто просматривая копаясь в чужом коде я наталкиваюсь на такое написание кода для кнопки с иконкой.

Как Discord масштабировал Elixir на 5 млн одновременных пользователей

С самого начала Discord активно использовал Elixir. Виртуальная машина Erlang стала идеальным кандидатом для создания высокопараллельной системы реального времени, которую мы собирались создать. Первоначальный прототип Discord был разработан на Elixir; сейчас он лежит в основе нашей инфраструктуры.

Лучшее

Актуальное