Обложка канала

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

15018 @frontendnoteschannel
Открыть

Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.

  • Frontender's notes

    ​​Почему ваш веб-сайт должен быть меньше 14 КБ Чем меньше веб-сайт, тем быстрее он грузится, и это неудивительно. Удивительно то, что страница на 14 КБ может грузиться гораздо быстрее, чем страница на 15 КБ, даже на 612 мс быстрее, хотя разница между страницами на 15 КБ и 16 КБ минимальна. Так происходит из-за алгоритма медленного старта TCP. В этой статье я расскажу, что это такое, как оно работает и почему это важно. Но сначала мы вкратце расскажем об основах. Читать...

  • Frontender's notes

    ​​Что нужно освоить Fullstack-разработчику JavaScript? Начните изучать необходимые технологии на открытых уроках практического онлайн-курса «JavaScript Developer. Professional» от OTUS.  1 сентября в 20:00 — «Обзор технологий для построения API».  Рассмотрим несколько протоколов клиент-серверных приложений и на примере посмотрим на их сильные и слабые стороны.  Регистрация - https://otus.pw/CgYf/ 15 сентября в 20:00 — «Кодогенерация Typescript».  Научимся писать программы, которые пишут код на Typescript за нас, а также попробуем в действии несколько библиотек и приобретем навык чтения абстрактного синтаксического дерева.  Регистрация - https://otus.pw/HeLA/ Не упустите возможность попробовать обучение на курсе познакомиться с преподавателем. Ведет занятие Арсений Высоцкий, тимлид в международной компании с опытом более 10 лет в веб-разработке.  ‼️ Для участия нужно пройти вступительный тест и зарегистрироваться: https://otus.pw/gJq5/

  • Frontender's notes

    ​​Делаем конфиг сервер безсерверным при помощи AWS API Gateway и DynamoDB Облака все больше проникают в повседневную жизнь пользователя. Поэтому все больше разработчиков берут облака в свой арсенал инструментов, обустраивая эту самую жизнь пользователя. Об облаках и пойдет речь в этой статье. Читать... #longread

  • Реклама

  • Frontender's notes

    ​​Еженедельные вакансии, новости proptech-индустрии, все о работе в IT и Digital в канале ДОМ.РФ.ТЕХ: — Новый суперсервис, который позволяет запустить строительство собственного дома; — Образовательная программа ДОМ.PФ заняла первое место во всероссийском конкурсе «ТИМ-ЛИДЕРЫ 2021/22»; — Диджитал-команда разработала сервис на основе биометрии; — Сотрудникам исключенных из реестра IT-компаний сохранят льготную ставку по ипотечной госпрограмме.

  • Frontender's notes

    История веба до концепции всемирной паутины Всем привет! Еще одно десятилетие из истории появления и развития веба вам в копилочку. Если интересно почитать предыдущие части то вот вам ссылочки: ➡️ часть 1... ➡️ часть 2... А теперь поехали дальше! 👉 1980 год. Европейская организация по ядерным исследованиям CERN запустила ENQUIRE – первую гипертекстовую программу. 👉 1982 год. Рождение современного Интернета – ARPA создала единый сетевой язык TCP/IP. 👉 1983 год. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, что позволило разделить эту сеть на MILNET, собственно сеть для военных нужд, и ARPANET, использовавшуюся в исследовательских целях. 👉 1984 год. Число хостов превысило тысячу. Разработана система доменных имен (DNS). DNS позволила создать масштабируемый распределенный механизм для отображения иерархических имен компьютеров в Интернет - адресах. В этом же году в университете Висконсии был создан сервер доменных имен. Также в 1984 году у сети ARPANET появился серьезный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо большую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров. 👉 1985 год. Стюарт Брэнд и Ларри Бриллиант разработали WELL (Whole Earth Lectronic Link), одно из старейших виртуальных сообществ. 👉 1988 год. Разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат). Запущен один из первых крупных Интернет червей "Червь Морриса", написанный Робертом Моррисом Таппан и вызвавший серьезные перебои в больших частях Интернета. 👉 1989 год. Число хостов превысило 10 тысяч. В CERN родилась концепция Всемирной паутины, предложенная британским ученым Тимом Бернерсом- Ли. Он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI

  • Frontender's notes

    ​​Бэкенд, фронтенд или тестирование — что выбрать?  В программировании данных много специальностей, в которых можно начать карьеру. Узнайте о них подробнее на вебинаре Яндекс Практикума.    → Бесплатно, 31 августа в 19:00  О профессиях в формате дискуссии расскажут эксперты с опытом в сфере:  ◾️ Полина Гуртовая, фронтенд разработчик в «Злые Марсиане»  ◾️ Евгений Бартенев, python-разработчик в Яндекс Практикуме  ◾️ Анастасия Степанова, QA-engineer  ◾️ Елена Шлямова, менеджер реферального маркетинга на направлении программирования    Вот что вы узнаете о каждой профессии:  — как выбрать профессию по душе и не прогадать;  — типичные ошибки людей, которые идут учиться в IT;  — кто такой идеальный младший специалист и как им стать;  — джуны/ мидлы/сеньоры — кто они и чем отличаются;  — что происходит с рынком IT и как быть конкурентоспособны: советы от нанимающих разработчиков.    Вы сможете задать спикерам ваши вопросы о смене профессии и старте карьеры.  → Зарегистрироваться на вебинар

  • Frontender's notes

    ​​Онлайн-митап «Асинхронный рендеринг в React 18 и принципы практичного рефакторинга» ⏰ Дата и время: 15 сентября, 14:00 (мск), четверг. Программа митапа: 🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом? Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения. 🎙Чудеса асинхронного рендеринга Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber. 👉 Регистрация: по ссылке. До встречи 🔥

  • Frontender's notes

    ​​Team Lead Simulator — маленькая игра про большую ответственность Наверняка многие из вас в детстве баловались игрушками вроде «ПРОГРАММИСТ 1.3» — эдакими текстовыми квестами, в которых игрок должен был прокачаться из начинающего программиста и стать хакером (термина «сеньор» тогда, наверное, еще не было), собрать самый крутой комп, заработать больше всех денег. При этом весь геймплей заключался в нажатии нужных кнопок действий и менеджменте немногочисленных ресурсов. Я, с теплом вспоминая такие игры, а также текстовые квесты в Космических Рейнджерах 2, решил создать игру Teamlead Simulator, в которой... Читать... #longread

  • Frontender's notes

    ​​React: полное руководство по повторному рендерингу Перевод статьи React re-renders guide: everything, all at once, посвященной повторному рендерингу (re-render, далее — ререндеринг) в React. 👉 Читать перевод... 👉 Читать оригинал... #longread #js #react

  • Frontender's notes

    ​​Weekend Offer в команды VK для разработчиков   Команды Почты и Облака Mail.ru ищут фронтенд-разработчиков. Даже если вы не ищете работу, Weekend Offer даёт возможность получить представление о ваших навыках, понять требования рынка труда и узнать, совпадают ли ваши ожидания и предложения от работодателя. Регистрируйтесь, чтобы с вами могли связаться и назначить слот для онлайн-интервью на выходных.   Зарегистрироваться

  • Frontender's notes

    CSS псевдокласс :invalid Приветствую коллеги! Я думаю что довольно часто кто-то из нас встречался с задачей где невалидный инпут нужно как-то стилизовать и вывести допустим ошибку. Я обычно для добавления стилей использовал добавление класса, например .error. Оказывается в CSS, есть псевдокласс :invalid, причем довольно давно и я реально не знал о нем. Так вот он в целом упрощает нам жизнь если у нас относительно не сложная логика валидации и мы хотим стилизовать ошибочный input или форму в которой есть ошибочный input. А теперь к примеру. HTML <form> <label>Введите URL:</label> <input type="url" /> <br /> <br /> <label>Введите эл. почту:</label> <input type="email" required/> </form> CSS input:invalid { background-color: #ffdddd; } form:invalid { border: 5px solid #ffdddd; } Итог: если мы введем что-то не похожее на email или url то будем иметь стилизованную form и input. ❗ P.S. Так же у нас есть псевдокласс :valid, в целом думаю не нужно объяснять как он работает, все то же самое но наоборот. Удачи в экспериментах. #shortread #html #css

  • Frontender's notes

    ​​"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Справитесь ли вы с уровнем курса? Покажет вступительный тест. 📍Пройдите тестирование, чтобы: ● оценить свои навыки ● получить доступ к демо-занятиям курса ● занять место по специальной цене ● получить доступ в закрытое сообщество JS-разработчиков 👉 Пройти полное тестирование: https://otus.pw/DmJe/

  • Frontender's notes

    Алоха коллеги! Один из ведущих (в. т. ч по версии Forbes) ВУЗов нашей страны ведет набор студентов на обучение по программе Master of Computer Vision. Набор продлен до 20 сентября включительно! Расскажу тезисно что по чем: 👉 Крутые направления, например: data science, machinelearning и другие, а это, как вы понимаете, сейчас более чем актуально; 👉 Процесс обучения 100% онлайн, это та же очка, но в более цифровом формате; 👉 Поступить и учиться можете 100% удаленно; 👉 Программа - огонь, можете сами посмотреть тут - ссылка  👉 Море практики, посмотреть так же можно по ссылочке выше Что вы получаете на выходе: 👉 Умение решать сложные задачи связанные data science и machinelearning 👉 Участия в реальных проектах компаний, 16 кейсов в портфолио 🔥 Вишенка на торте – при ранней подаче документов скидки до 70% Подробно ознакомиться c программой и задать вопросы можете по ссылке.
    Высшее образование в онлайн формате от НИУ ВШЭ

    С помощью онлайн-технологий мы преодолеваем географические барьеры и делаем качественное образование доступнее

    studyonline.hse.ru

  • Frontender's notes

    ​​Микрофронты для всех. Как мы построили платформу UIF, и что под капотом Сегодня я расскажу про User Interface Framework (UIF) — нашу внутреннюю платформу интеграции веб-приложений, которая позволяет проводить разработку микрофронтов и микросервисов разными командами, делает удобным переиспользование кода и увеличивает гибкость подхода, чтобы разные команды могли варьировать технологии под свои нужды. Читать...

  • Frontender's notes

    Освой React за 3 месяца с Яндекс Практикумом! Уже 25 августа стартует новый поток курса «React‑разработчик». В рамках программы вы получите все необходимые знания для разработки современных приложений на React и Typescript - 160 часов теории и практики. Что вас ждёт во время учёбы ↓ Напишите своё веб-приложение на React и Typescript, покроете его юнит-тестами Освоите хуки, State Management, TypeScript, Jest и Cypress Напишите веб-приложение космической бургерной со сложной функциональностью: главной страницей, личным кабинетом и лентой заказов А после? Трудоустройство 78% выпускников Практикума трудоустраиваются после обучения. Выпускников Практикума нанимают Яндекс, ВТБ, МТС, Перекрёсток, Playrix, Wildberries, Сбер, Level.Travel, 2GIS, Yota, Ozon и многие другие компании. Диплом Яндекса Это официальное подтверждение того, что вы прошли обучение в Практикуме. Портфолио Вы сделаете реальные проекты (сайты и веб-приложения) для портфолио — вам будет, что показать на собеседовании.

  • Реклама

  • Frontender's notes

  • Frontender's notes

    ​​Алгоритмы для веб-разработчиков простыми словами В этой статье мы поговорим о том, зачем вообще их нужно знать веб-разработчикам, и затронем тему оценки сложности алгоритмов и Big O нотации. Читать...

  • Frontender's notes

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