​​Write Once Run Anywhere

Всем привет! Эта статья не совсем про фронт, скорее о том на что способен JS и как автор пилит на нем клевые штуки которые в принципе на JS писаться не должны.

Читать...

#longread

​​Учимся делать бенчмарки || ответы на вопросы

Всем привет! Еще один видос на канале IT Синяк на тему оптимизации кода. Кратко и очень информативно.

👉 Смотреть видео...
👉 Исходники GitHub

#video

​​Frontend архитектура MVP (Model-View-Presenter)

Frontend сейчас сильно разрастается, всё больше компаний переписывают свои старые решения на SPA. В компании которой я работаю это не обошло стороной.
По умолчанию был выбран фреймворк Nuxt.js, т.к Vue лучше React :))
В общем суть не в фреймворке, а то, с чего мы начнем разработку.

Читать...

#longread

Ссылки mailto:

Всем мы с вами знаем о ссылках mailto:, но возможно не все из вас знают что вы можете заполнять письмо с помощью параметров которые мы передаем в эту ссылку.

Параметры:
➡️ body — текст письма
➡️ subject — тема письма
➡️ cc — получатели письма
➡️ bcc — скрытые получатели

Если получателей много то их нужно передавать через запятую

Пример:
<a href="mailto:mail@mail.org?subject=subject&body=text&cc=admin@mail.ru">Link</a>

❗ При нажатии на эту ссылку откроется почтовый клиент который установлен по умолчанию. Письмо уже будет заполнено в соответствии с параметрами

#shortread #html

История веба, от предпосылок до первого коннекта [часть 1]

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

И так поехали:

👉 1957 год. Запуск в СССР первого искусственного спутника Земли – начало технологической гонки между СССР и США, приведшей, в итоге, к созданию глобальной сети Интернет
👉 1958 год. В США при Министерстве обороны создано Агентство Передовых Исследовательских Проектов – Advanced Research Projects Agency (ARPA).
👉 1961 год. Студент Массачусетского Технологического Института Леонард Клейнрок описывает технологию, способную разбивать файлы на куски и передавать их различными путями через сеть.
👉 1963 год. Руководитель компьютерной лаборатории ARPA Джон Ликлидер предлагает первую, детально разработанную концепцию компьютерной сети "Galactic Network".
👉 1967 год. Ларри Робертс предлагает связать между собой компьютеры ARPA. Компьютерная сеть была названа ARPANET (Advanced Research Projects Agency Network).
👉 29.10.1969 года. В 21:00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км. (в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI)) провели сеанс связи. Именно эту дату можно считать днем рождения Интернета.

#web_history

​​Использование шаблонов проектирования группы GoF в React

В этой статье поговорим о том, как написать в React многократно используемый код, используя три шаблона проектирования группы Gang-of-Four.

➡️ Читать...
➡️ #longread #react

Приветствую товарищи фронты!

Я запустил небольшой канал где публикуются полезные статьи по вебу на английском языке. Если вы любитель позалипать в статьи в оригинале то можете ознакомиться вот тут:

👉 @frontend_international

​​Через Git и бэк — в фулстек: что мы узнали из опроса фронтендеров

Полтора месяца назад мы задали вам несколько вопросов, чтобы выяснить, каким должен быть хороший фронтендер и можно ли влиться в эту область после перерыва. Мы проанализировали ваши ответы и теперь знаем, что лидом можно стать в первый год работы, jQuery живее всех живых, а вопрос становиться фулстеком или оставаться фронтом расколол сообщество пополам.

Мы также попросили прокомментировать выводы Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ: картина была бы неполной без взгляда со стороны бизнеса.

Читать...

#longread #career

​​Базовое понимание принципа Eventloop

Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не достигнет конца. Но тогда это означало бы, что если требуется обратиться к серверу, то приходилось бы ждать ответа и только затем переходить к следующей операции, а пользователь ничего бы не смог сделать, пока идет обработка. К счастью, это не так, но как же происходят асинхронные действия и каким образом JavaScript может обрабатывать несколько операция одновременно?

Читать...

#longread #js

​​Как использовать Docker в приложениях Node.js и React

В этой статье поговорим о том, как разработать и запустить бэкэнд на Node.js-Express и фронтенд на React в контейнере Docker.

Читать...

#longread #react #node_js

История веба, от идеи электронной почты до первой игры

Всем привет! Продолжаю публиковать хронологию истории веба от самых предпосылок. Сегодня как понятно из заголовка у нас второй временной диапазон. Первый вы можете прочитать тут.

👉 1971 год. Рэй Томлисон, программист из "Bolt Beranek and Newman", разрабатывает систему электронной почты и предлагает использовать значок @.
👉 1973 год. Через трансатлантический телефонный кабель к сети были подключены первые иностранные организации из Великобритании и Норвегии.
👉 1974 год. Открыта первая коммерческая версия ARPANET – сеть Telenet.
👉 1975 год. Джоном Витталом, программистом из университета южной Калифорнии, разработана первая современная почтовая программа, имеющая функциональность "Ответить" и "Переслать".
👉 1976 год. Роберт Меткалф, сотрудник исследовательской лаборатории компании Xerox, создает Ethernet – первую локальную компьютерную сеть.
👉 1977 год. Число хостов достигло ста. Деннис Хейс и Дейл Хезерингтон разработали первый компьютерный модем.
1978 год. Разработана первая доска объявлений (BBS). 1978 год также является годом, который принес первое нежелательное коммерческое сообщение по электронной почте, которое было разослано 600-ам пользователям калифорнийского Arpanet Гарри Зарком.
1979 год. Разработана первая многопользовательская игра MUD (сокращенно от "многопользовательский лабиринт").

#web_history

​​Задачи на собеседованиях. Event loop. JS

Каждый JS-разработчик, или тот, кто хочет им стать, сталкивался или на собеседованиях, или на разборах собесов про задачки на событийный цикл. Сначала интервьюер спрашивает кратко про event loop, затем показывает кусок кода, где обычно есть несколько console.log(), и нас просят сказать очередность появления логов. Вот об этом и пойдет речь.

Читать...

#longread #js

​​Приватные конструкторы JavaScript

Месяц назад вышел новый стандарт ECMAScript 2022, который нам дал всё больше и больше ООП. На Хабре уже была статья про то, что нам представили в новом стандарте, но сегодня я хочу остановиться на том, что мы не получили. Приватные конструкторы в студию.
Разберём, что такое приватные конструкторы, зачем они нужны и попробуем создать полифил.

Читать...

#longread #js #es2022

​​Как создать игру Tetris с помощью Three.js

Всем привет! Клевая статейка с кучей примеров кода о том как на three.js написали аналог тетриса.

Читать...

Замораживание объектов в JS

Всем привет товарищи фронты! Сегодня небольшой пост на тему вполне рядового но не самого часто используемого метода для объектов в JS - .freeze()

.freeze() предотвращает добавление свойств к объекту, удаление старых свойств из объекта и изменение существующих, что довольно полезно в современной парадигме ООП.

Пример кода:
const obj = {foo: 'bar'};

➡️ Перед замораживанием: можно добавить, изменить или удалить свойства
obj.lumpy = 'woof';
delete obj.foo;

➡️ Замораживаем
Object.freeze(obj);

➡️ Так можно проверить
Object.isFrozen(obj); // === true

➡️ Теперь никакие изменения не произойдут
obj.foo = 'quux';

Удачи в экспериментах!

#shortread #js

​​Что люди не понимают о React Native Modals

Алоха коллеги! Я сделал перевод статьи What Everyone Is Getting Wrong About React Native Modals и опубликовал на Хабре. Мне показалась эта статейка довольно полезной.

👉 Читать...
👉 Читать оригинал...

#longread #js

Примерно так иногда выглядит решение небольшой баги которую я оценил в 15 минут

​​Пример задачи на алгоритмы и ее разбор

Всем привет! Вышел крутой видос на ютуб канале IT синяк в котором разбирается:

👉 Задача на знание алгоритмов которую задали на интервью автору и варианты ее решения
👉 Почему по мнению автора между скоростью и потреблением памяти возможно стоит выбрать скорость.

В общем рекомендую к просмотру!

Смотреть...

#video #algorithms

​​Вредные советы для React-разработчиков

Недавно британские ученые открыли, что на свете бывают непослушные разработчики, которые все делают наоборот. Им дают полезный совет: «Не подключай целую библиотеку ради одной функции», — они берут и подключают. Им говорят: «Будь внимателен на код-ревью», — они тут же начинают апрувить все подряд. Ученые придумали, что таким разработчикам нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно.

Читать...