CodeRoll | Frontend

Освоить веб-разработку с нуля за 10 месяцев — реально, хотя и непросто. Придётся сократить время на хобби, заниматься после работы и до неё, искать дополнительные материалы и подолгу думать над задачами. Но оно того стоит: в конце пути — новая профессия и интересная работа. А Яндекс Практикум поможет не сбиться с курса. — Команда сопровождения проверит проекты, объясняет сложные темы и поддерживает. — Карьерный центр научит работать с резюме, мотивационными письмами, портфолио и готовится к собеседованиям. — Сообщество студентов и куратор подбодрят, когда захочется всё бросить. Если не справляетесь с делами, то два раза за курс можно взять академический отпуск на месяц. Если на базовой программе тяжело, снизить темп поможет расширенная программа, которая длится 18 месяцев. Учёба будет размеренной, а программа более фундаментальной. Оплата учёбы работает в формате подписки: платежи проходят каждый месяц, и вы можете остановить их в любой момент. Протестируйте формат курса бесплатно →

DNS и HTTPS Делимся ссылкой на коллекцию комиксов, где объясняется, как работает HTTPS, DNS, DNSSEC. Нескучно и познавательно!  Ссылка на сайт #статьи

blob animation Делимся ссылкой на генератор, с помощью которого можно создавать плавные анимированные blob-фигуры (фигуры в виде капель). На выходе получается готовый анимированный SVG.  Ссылка на генератор #дизайн

Node.js 19 Вчера был выпущен Node.js 19. Изменения включают обновление движка JavaScript V8 до версии 10.7 и HTTP(S)/1.1 KeepAlive включен по умолчанию. Но это не все обновления. Подробнее читайте в анонсе! Ссылка на статью #nodejs

Framer Motion - это готовая библиотека aнимации для React приложений. С помощью нее можно создавать слайд-шоу, табы, реализовывать функционал, который позволит пользователю перемещать элементы и многое другое. Примеры смотрите на сайте!  Ссылка на сайт #react

Day.js - это библиотека для работы с датами в JavaScript, альтернатива Moment.js.  Она весит всего 2KB, имеет тот же синтаксис и те же функции, что и Moment.js и отлично поддерживает интернационализацию. Ссылка на сайт #инструменты

Total TypeScript - это ресурс с материалами для изучения TypeScript. На сайте есть бесплатный курс из 18 уроков и коллекция полезных советов.  Ссылка на сайт #js

HTML-элементы, которые никто не использует В HTML существует масса полезных тэгов, но при этом редко используемых. Например, <datalist> позволяет добавлять список предложенных вариантов для автозаполнения у элементов ввода.  Полный список читайте в статье! Ссылка на статью #html

Примерно 8 лет назад, я выбрал изучение программирования, что бы перейти на удаленную работу. В голове был фриланс, шум прибоя и тень от пальмы на моем ноутбуке. В итоге все оказалось не столь радужно, пока я не взглянул на свою деятельность иначе. Работая на других с ума можно сойти от однотипных задач. Работая на фриланс биржах, можно положить зубы на полку. ‼️ Но можно по-другому. На своем канале я рассказываю, как ворваться в веб за месяц и зарабатывать на разработке сайтов, без общедоступных конструкторов типа Тильды. Без конкуренции. Без длительного изучения программирования. Работая на себя и от себя. В закрепе дана наиболее полная информация, подписывайтесь на канал, уже вышел цикл статей раскрывающий все секреты и нюансы — Внеконкурентного Подхода к веб разработке! Подробнее:  👉 https://t.me/podhod_tg/4

Нотация Big O В программировании одну задачу можно решить различными способами. Поскольку существуют различные способы, должен быть и способ оценить эти решения или алгоритмы с точки зрения производительности и эффективности. Нотация Big O — это метрика для определения эффективности алгоритма. Она позволяет оценить, как долго код будет работать с различными наборами входных данных, и измерить, насколько эффективно код масштабируется по мере увеличения размера входных данных.  Подробно о Big O читайте в статье! Ссылка на статью #статьи

Super Designer - это коллекция бесплатных инструментов для создания уникальных фонов, градиентов, узоров, форм, изображений и многого другого. Результат доступен в формате SVG, PNG, JPG или CSS кода. Ссылка на сайт #дизайн

sails.js - это MVC фрэймворк для создания Node.js приложений. Разработчики sails.js вдохновились архитектурой и подходом к разработке приложений у Ruby On Rails и решили создать нечто подобное на JavaScript. Он построен на Node.js, Express и Socket.io. Имеет низкий порог вхождения. Ссылка на официальный сайт #nodejs

react-use - это библиотека с коллекцией полезных React хуков. Например: useNetworkState — отслеживает состояние сетевого подключения браузера; useOrientation — отслеживает состояние ориентации экрана устройства; usePageLeave — срабатывает, когда мышь покидает границы страницы; Более 90 хуков! Ссылка на GitHub #react

Grid.js - это плагин для создания красивых таблиц, написанный на TypeScript. Он может использоваться в React, Angular, Vue приложениях, а также без каких-либо библиотек и фрэймворков.  Минифицированная и сжатая версия весит 12КБ. Таблицы Grid.js легко кастомизируются и стилизуются. Примеры таблиц смотрите на сайте! Ссылка на официальный сайт #инструменты

🤯 Архив на 1300ГБ курсов:  1. Обучение Python с нуля 2. Обучение JavaScript с нуля 3. Обучение С++ с нуля 4. Обучение С# с нуля 5. Обучение HTML/CSS с нуля 6. Обучение Java с нуля 7. Обучение SQL/GO/PHP с нуля Вход открыт 24 часа, успей!

Разработка PWA  Делимся ссылкой на бесплатный курс по разработке PWA(Progressive Web Applications - прогрессивные веб-приложения).  Курс охватывает основы создания PWA приложений. Вы узнаете:  - что такое прогрессивное веб-приложение; - как его создать или обновить существующий контент; - что такое service workers и многое другое. Ссылка на курс #js

South Hub — IT-кэмп в Сочи для СТО и тех, кто хочет ими стать   Когда?  6 – 8 октября  Где?  Красная Поляна, Сочи  Зачем?  Подняться на уровень выше. Профессионально и физически.     В отеле Novotel Congress соберутся 400 IT-руководителей, тех директора и CEO. На протяжении 3-х дней 45 спикеров будут делиться с участниками своим опытом и мыслями о будущем отрасли в формате лекций и бесконечного нетворкинга.   Помимо конференц-части гостей ждут зрелищные спортивные турниры в баскетбол, FIFA 23 PS 5 и Го, хайкинг по горам, утренние пробежки, много неформального общения, а также вечеринка на закате на высоте 2 200 метров.  Все подробности о кэмпе можно найти на сайте:   https://i.southhub.ru/zhNMv

CSS Puzzle Все знают, что смысл игры Puzzle собрать картинку из фрагментов по образцу. Автор этого CodePen реализовал ее на чистом CSS. Удивительно, что фрагмент встает только на свое место и никакое другое. Это тот случай, когда возможности CSS поражают! Ссылка на CodePen #css

<input type="number"/> Семантически правильно использовать <input type="number"/> для полей, где вводятся числа. Но оказывается, что этот HTML-элемент имеет некоторые особенности. Например, когда поле содержит недопустимое значение, то при его извлечении, вы получаете пустую строку. Подробнее о всех особенностях читайте в статье! Ссылка на статью #статьи

Gradient Text Generator - это генератор градиентов для текста. Для превью можно сразу ввести необходимый текст и задать в настройках цвета. На выходе генерируется готовый CSS код. Ссылка на сайт #дизайн