Frontender's notes. Страница 15

​​💎ТОП-10 онлайн-ресурсов для прокачки навыков фронтендера Автор поделился ТОП-10 проверенных зачётных онлайн-ресурсов по фронтенду, которые будут полезны как новичкам, так и желающим подтянуть свои знания по этой теме. Читать...

​​Как программисты числа сломали?! Всем привет! Интересный видос о нюансах которые в целом встречаются в IT сфере. Все программисты знают, что 0.1 + 0.2 != 0.3 Но почему так происходит? Это фундаментальный баг программирования? Разберемся, Господа! Смотреть...

​​😱Как фронтендеры приручили микросервисы и перестали беспокоить бэкендеров Автор расскажет о  том, как мы приручили микросервисы на проекте МТС Твой бизнес, зачем они вообще понадобились и какую выгоду от этого получили. Также поделится кодом одного из наших микросервисов в Open Source. Читать...

​​Тинькофф бросает вызов фронтенд-разработчикам. 15 апреля стартует IT's Tinkoff Solution Cup — соревнование для мидлов и сеньоров. Будут сложные задачи и призы победителям. Регистрируйтесь, проходите отборочный тур и побеждайте в финале 22 апреля. Детали тут: http://bit.ly/3UihAjG Реклама. АО Тинькофф Банк

​​👾Конвертируем markdown в html и подключаем компоненты React с Unified это просто Библиотека Unified и экосистема плагинов для работы с Markdown и HTML позволит очень просто создать конвертер и подключить компоненты React. Unified преобразует контент в синтаксическое дерево, и имеет набор утилит для работы с деревом, но даже без набора утилит это простая задача, достаточно уметь перебирать свойства объекта javascript. Все это будет продемонстрировано и объяснено. Читать...

​​🚀Оптимизация графики для небольших сайтов: quetzli, webp, avif Статья посвящена оптимизации фото/видео и прочей графики на сайтах. Вы рассмотрите целых 7 способов оптимизации. Читать...

ECMAScript 2022 - изменения в Async/Await  22 июня 2022 года официально анонсировали новый стандарт ECMAScript 2022 который содержит в себе довольно интересные изменения. Одно из интересных изменений это то что теперь оператор await можно будет использовать в верхнем уровне скрипта, вне async функции. Вот так вот: // my-module.js const res = await fetch('https://example.com'); const text = await res.text(); console.log(text);

​​📌Парсинг HTML с помощью PHP и SQL. Немного провокационный пример с анализом пользователей Хабра Перед вами короткая и готовая инструкция по парсингу HTML с помощью PHP и SQL. Читать...

​​Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке всего за 990 рублей. Изучаем базу за 14 дней. 🗓 Начинаем 11 апреля! ✔️Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. ✔️Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. Запишитесь прямо сейчас!

​​🤯Редко используемые свойства CSS CSS постоянно развивается, и некоторые полезные свойства остаются незамеченными. Возможно о них говорят не так много, как о других, но в этой статье на примерах автор разберет новые и полезные свойства CSS. Ещё вы увидите раздел ресурсы, где можно почитать подробнее и глубже. Читать...

​​😎Как сделать бесконечный круговой CSS-слайдер В этой статье автор покажет вам, как создать «круговой вращающийся слайдер с изображениями» Читать...

​​📍Как отправить и скачать файл в FastAPI Работа с файлами встречается на многих сайтах, поэтому автор решил написать эту статью с кратким, но информативным содержанием. Примеры кода можно использовать, как основу, которую при необходимости можно без каких-либо сложностей расширять под вашу конкретную задачу Читать...

JS паттерны: Фабрика Алоха товарищи фронты! Сегодня хотел бы написать вкратце о том что такое паттерн фабрика. И так что это и зачем нужен: данный шаблон проектирования используется для создания объектов, не указывая конкретный класс, а используя интерфейс для их создания. Он предоставляет удобный способ для создания объектов различных типов без необходимости написания отдельного кода для каждого из них. Пример: class Car { constructor(make, model, year) { this.make = make; this.model = model; this.year = year; } } class CarFactory { createCar(make, model, year) { return new Car(make, model, year); } } const carFactory = new CarFactory(); const camry = carFactory.createCar('Toyota', 'Camry', 2021); // создание объекта типа Car с помощью фабрики В данном примере класс Car представляет объект, который мы хотим создать, а класс CarFactory является фабрикой, которая создает эти объекты. Вызывая метод createCar фабрики, мы можем создать объект Car с нужными параметрами. Я думаю что множество из нас уже знает что это такое и использовали это на практике не раз, но надеюсь что это было полезно для тех кто не сталкивался с этим паттерном ранее.

​​Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 8-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 6 апреля.

​​🌐Эволюция HTTP. Часть 2. Краткая история развития самого популярного протокола Всемирной паутины Это вторая часть в серии статей об истории развития самого популярного протокола Всемирной паутины — протокола HTTP. Читать...

​​💎Эволюция HTTP. Часть 1. Краткая история развития самого популярного протокола Всемирной паутины В серии статей автор рассмотрит историю развития протокола HTTP. Полное обсуждение семантики выходит за рамки, но понимание ключевых изменений в устройстве HTTP и мотивов принимаемых решений даст необходимую основу для обсуждения вопросов производительности и ограничений протокола Читать...

​​🙃Полароидный CSS и совсем немного HTML Вы уже делали красивый слайдер («карусель») с круговым вращением. А в этом вы создадите слайдер, пролистывающий стопку «полароидных» снимков. Читать...

​​🔥Создание столбчатых диаграмм с помощью JavaScript Современный мир буквально переполнен данными, и нам желательно уметь представлять их графически для быстроты и удобства восприятия. Одной из наиболее распространённых техник визуализации данных являются столбчатые диаграммы, и в этой статье автор покажет вам, как можно легко создавать их интерактивные версии в JavaScript. Читать...