LECTRUM

Преимущества использования Next.js для создания веб-сайтов и приложений. Возникающая потребность в инновациях в онлайн-опыте подталкивает современные технологии к расширению и открытию новых возможностей. Как пользователи, мы, очевидно, хотим сделать все быстрее и проще, что дает жизнь бесконечной итерации онлайн-сервисов. Все подробности читай в статье.

18 января пройдёт вебинар «Знакомство c React: Напишем свой Инстаграм» Этот вебинар поможет тебе познакомиться с библиотекой для создания пользовательских интерфейсов React. Какой профит? 🔸 разберёшься с основой React; 🔹 напишешь своё первое React-приложение: Инстаграм; 🔸 познакомишься с концепцией компонентизации приложения; 🔹 научишься динамически генерировать разметку на основании JSON-файлов. После вебинара ты научишься: работать с JSX-разметкой, которая легко создает страницы с динамическим контентом, сможешь управлять отображением элементов и эффективно использовать один из основных паттернов React — conditional rendering, а также создашь правильную архитектуру React-компонентов.

Ссылка - это ссылка, кнопка - это кнопка. Ох сколько баталий виделл сообщество разработчиков при решении диллемы ссылок и кнопок. Мы используем a без href , создаем для ссылок пользовательские функции onClick или используем кнопки для перехода на другие страницы. Но как понять что, где и как правильно использовать. В этой статье вы можете найти разъяснения, как использовать ссылки и кнопки для веб-ресурсов, чтобы повысить их доступность и улучшить качество SEO.

Всем привет! Ребята, для вас есть отличные новости! 🔥 Стартуем в новый год с новыми навыками 💪 Начинаем качать практические скилы уже в январе. ❤️ Не забывайте, что для выпускников наших курсов действует скидка на новые курсы — 10%. 🎁 Если вы приведёте к нам в курс своего друга или знакомого, то у нас активна реферальная программа. 17 января стартует «Продвинутый курс по Next.js v.12: создание SPA & SSR-приложений». 5 недель, live-формат 24 января стартует «Комплексный курс JavaScript и TypeScript с современными подходами разработки». 12 недель, live-формат Есть вопросы по курсу или оплате частями, не стесняйтесь, пишите нашей команде в чат 🤗

Использование современных графических форматов в веб-проектах. Время, необходимое на обработку скрипта размером 200 Кб, и на обработку изображения, имеющего такой же размер, серьёзно различается. Дело в том, что при обработке кода браузеру нужно проделать более масштабную работу, чем при подготовке к использованию изображений. И в результате в настоящий момент крайне важно то, какой именно объём данных, представляющих некий ресурс, мы передаем, особенно когда львиная часть данных это медиа файлы. Но как правильно использовать медиафайлы. Как? Подскажет Джошуа Комо.

HTML: чистый код. Когда мы пишем html-код, нет необходимости строго придерживаться определенного формата и всегда соблюдать последовательность открытия и закрытия тегов, потому что в абсолютном большинстве случаев код будет работать. Тем не менее, Ваш код должен всегда должен быть понятным, красивым и хорошо читаемым. Как сделать его таким - читаем по ссылке. #html #code #web

Ссылки: расширенные возможности. Все мы знаем что м помощью HTML-ссылок мы можем открыть панель набора телефонного номера на мобильном устройстве. Да, эта функция актуальна только для смартфонов, но Google Chrome также предлагает неплохую альтернативу для обладателей ноутбуков и настольных компьютеров - мы можем нажать на ссылку и здесь, звонок будет переведен на мобильный телефон. Такие ссылки называются “click to call links”. Но есть и другие интересные возможности HTML-ссылок. Какие? Смотрим в статье.

​​Дзынь! 🥂 Звон бокалов ещё в голове, но новогодние салаты уже наконец-то подошли к концу — ты их победил! Это, кстати, твоя первая победа в новом году! 😉 Мы в Лектруме хотим, чтобы ты и дальше побеждал во всех сферах, в том числе и в профессиональной! Напоминаем, что сегодня ❄️ последний день нашей новогодней -22% скидки. Выбирай любой курс, который позволит тебе в новом году достичь очередной победы в профессиональном и финансовой сферах своей жизни. Для твоего победного марш-броска мы подготовили следующие курсы: 🎯 17 января: Продвинутый курс Next.js v12: создание SPA & SSR-приложений 🎯 24 января: Комплексный курс JavaScript и TypeScript с современными подходами разработки 🎯 21 февраля: Интенсив-практикум React c Redux, MobX, TypeScript, Styled Components и CSS Modules 🎯 28 февраля: Профессия «Верстальщик»: 100% подготовка к работе 🎯 28 февраля: Профессия «Frontend-разработчик»: 100% подготовка к работе Скидка есть, рассрочка тоже, необходимо только твоё волевое решение побеждать! С остальным мы тебе поможем! ❤️

Элемент datalist. Попутешествуем по веселому миру форм. На этот раз разберемся с datalist. Элемент datalist используется в формах для подсказок при введеннии данных в поля ввода. Но как его нужно использовать, а самое главное как правильно его использовать. В этой статье вы узнаете, что такое тег datalist, как его использовать и почему он может(или не может) быть вашим любимым выбором. #web #datalist

Работа с изображениями в вебе. Одно из решений, которые приходится принимать фронтенд-разработчику при создании сайта, касается выбора способа включения изображений в состав веб-страниц. Этот способ может заключаться в использовании HTML-тега img. Это может быть применение CSS-свойства background или тега image элемента svg. Выбор правильного подхода к работе с изображениями весьма важен, так как это может очень сильно повлиять на производительность и доступность проекта. Как сделать правильный выбор - читаем в статье.

Преимущества использования Next.js для создания веб-сайтов и приложений. Как возникающая потребность в инновациях подталкивает современные технологии к расширению и открытию новых возможностей. Чем компонентный подход уступает формированию полноценных страниц? Разбираемся в этой статье. #next #javascript #webdevelopment

Знакомимся - PostCSS Разработка CSS, как и всех языков, представляет собой итеративный процесс. С каждым крупным релизом мы получаем новые функции и синтаксисы, которые помогают нам писать наши стили. CSS 3 уровня представил функции, которые позволяют нам разрабатывать взаимодействия, которые ранее были возможны только с помощью JavaScript. С каждым новым днем появляются инструменты, облегчающие и делающие разработку более гибкой. Одним из относительно недавних инструментов, представленных для стилизации, является PostCSS. PostCSS стремится заново изобрести CSS с помощью экосистемы пользовательских плагинов и инструментов. Работая с теми же принципами препроцессоров, таких как Sass и LESS, он преобразует расширенные синтаксисы и функции в современный, удобный для браузера CSS. Что же еще может PostCSS - смотрим в статье. #postcss #css #less #sass

Сборщик проектов Gulp 4 Современная Frontend разработка предполагает использование препроцессора стилей SCSS или LESS, сжатие изображение, JS и CSS файлов, в целях оптимизации загрузки веб-страниц и многоe многое другое. Чтобы упросить этот процесс, можно воспользоваться сборкой проектов Gulp 4. Пройдемся по основным моментам: описанию, установке и настройке под конкретный проект. #gulp #scss #less #js

Как использовать HTML "picture" для адаптивных изображений Изображения заведомо являются одним из самых сложных аспектов адаптивного веб дизайна. Сегодня мы рассмотрим как элемент picture , являющийся решением проблемы адаптивных изображений, можно использовать прямо сейчас. #html #webdevelopment #web

Развёрнутое руководство по Sass/SCSS Современный CSS — мощь, а в комбинации с препроцессорами — вообще боевая машина для оформления контента на страницах. В статье приведено развёрнутое руководство по Sass/SCSS с примерами. После прочтения узнаете, как использовать миксины, переменные и директивы для ещё большего контроля над стилями. #css #scss #web

Друзья, с наступающим! 😘 У всех уже предновогодняя суета: строим планы на будущее и готовим подарки своим близким. В 2022 мы и дальше будем радовать вас сильными 💪 курсами по фронтенд-разработке, запустим полностью новый курс по бекенд-разработке, а также совершенно новую профессию. Будем всё также копать в технологии глубже других. Хорошим подарком себе любимому и своим близким будет наш новогодний ❄️ сертификат. Есть номиналы на $250, $500 и $1000. Особенно приятно, что на сертификаты распространяются наши новогодние -22% ☺️ скидки. Вы можете потратить его на любой курс и на любой поток в течение года. Можно прокачаться самому, а можно помочь другому освоить перспективную профессию. Радуйте себя и своих близких!

Руководство по написанию разумного, поддерживаемого и масштабируемого Sass. Стайлгайд – это не просто приятный документ для чтения, обрисовывающий идеальное состояние вашего кода. Это ключевой документ в жизни проекта, описывающий, как и почему код должен быть написан. Для небольших проектов это может показаться излишним, но очень помогает сохранять кодовую базу чистой, масштабируемой и лёгкой в поддержке. Излишне говорить, что чем больше разработчиков участвуют в проекте, тем больше руководств требуется. Так же, чем больше проект, тем более важен стайлгайд. Как написать правильный SASS - читаем в статье. #sass #web #webdevelopment

🔥 Уже сегодня пройдёт вебинар «Знакомство с профессией верстальщика» Мы расскажем тебе о том, как легче всего начать свой путь в IT в 2022 году, какие инструменты в тренде. Вебинар, на котором ты узнаешь о современных IT-профессиях и актуальных технологиях. Откроем тебе все секреты профессии верстальщика, подскажем с чего начать и как построить успешную карьеру 🚀 Требования к участникам: Хорошее настроение и желание познакомится с профессией верстальщика

Цвет и SASS Работа с цветом это достаточно затруднительная задача сама по себе, а когда нужно еще его изменять то это превращяется в невозможную задачу. Но есть решение - работа с помощью препроцессоров. Как работать с цветами с использованием SASS читаем по ссылке. #web #sass

Next.js + Typescript для достижения рендеринга сервера React Реализация рендеринга на стороне сервера React, насколько это просто. Подробности в статье. #next #javascript #typescript #react #frontend