Каждый разработчик знаком с ситуацией выбора технологического стека для проекта. Приходится проанализировать множество факторов - от целей проекта и ресурсов до бюджета, соотнести все это с особенностями фреймворков, например, Angular и React, и на основе этого уже подбирать решение. Причем у разных разработчиков оно может быть разным: и каждый будет уверен, что он прав.

Выбирайте ваш фреймворк: Angular или React, и сражайтесь за него, отвечая на 30 вопросов теста. 21 и более правильных ответов принесут в копилку команды один балл.

Angular vs React

#frontend #angular #react

Мир веб-разработки развивается невероятно быстро. То, что вчера было новостью, сегодня уже может устареть, а то, о чём сегодня почти никто не знает, завтра способно стать двигателем прогресса.

В статье будет рассмотрено всё самое интересное, произошедшее в сфере фронтенда в 2018 году. Речь пойдёт о развитии фреймворков и вспомогательных инструментов, о JavaScript-трендах, а также о том, в каком направлении фронтенд может пойти в 2019-м.

Фронтенд-2018: итоги года

#frontend #web #js #article

​​CSS Grid Layout Generator — бесплатный инструмент, с помощью которого можно быстро и наглядно проводить эксперименты с CSS-гридами и получать на выходе разметку в CSS, JSX или Styled Components.

Полезный инструмент от нашего подписчика. Рекомендуем!

Сервис | GitHub

#css #tools #frontend

Топ трендов веб-разработки в 2019

Веб-разработка продолжает быстро развиваться. В этом видео описаны топ 8 трендов, на которые стоит обратить внимание в 2019.

YouTube

#web #frontend #backend #video #eng

​​Что должен знать DevOps, Frontend или Backend разработчик?

Иллюстрированное руководство о том, какие технологии следует знать, чтоб стать лучше.

Developer Roadmap

#frontend #backend #devops #roadmap

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

Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.

10 советов о том, как увеличить скорость загрузки страницы

#web #frontend #backend

Создание рабочего и красивого дизайна для большинства дизайнеров — это напряженный творческий процесс. Вся суть их работы — передача смысла через цвета, типографику, пробелы и многое другое. Точность и забота, которые вкладываются в дизайн, также должны быть перенесены в разработку интерфейса.

И дело не только в том, чтобы код максимально точно отражал дизайн, но и в том, чтобы он был аккуратным. Ниже приведены десять ключевых выводов из моего учебного процесса по воссозданию дизайна с максимально возможной точностью до пикселя во фронтенд разработке.

10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке

#frontend #design #article

​​Нативная поддержка lazy-loading в браузерах

Поддержка lazy-loading для картинок и iframe приходит в браузеры. Видео показывает возможности новой функции. Так же есть возможно испробовать функцию самому на демо-сайте

В статье описано как использовать новый аттрибут loading и какие типы загрузки картинок появились.

Читать статью

#frontend #news #article

Ускоряем загрузку своего сайта

Оптимизация загрузки положительно влияет на отношение клиентов к продукту, уровень конверсии, SEO, и, в итоге, на успех вашего проекта.

Если сайт загружается дольше трёх секунд, 53 % пользователей покинут его. В статье подробно описано, как этого избежать.

Читать статью

#article #perfomance #frontend

5 необходимых вещей для каждой веб-страницы

Мы расскажем об 5 атрибутах любой HTML страницы, про которые многие забывают. Добавив их, вам будет проще раскрутить сайт, к тому же, они сделают сайт более удобным.

Читать статью

#frontend #article #tips

Полноценная инфраструктура Meteor.js обеспечивает быструю Frontend разработку для сквозных веб-приложений и мобильных приложений в JavaScript. Из-за своей модульной структуры библиотеки очень удобно использовать пакеты. Сегодня данная структура используется для разработки приложений в таких компаниях, как Mazda, Honeywell и IKEA.

Преимущества Meteor.js: полноэкранная JavaScript платформа, наличие MongoDB, который лучше чем реляционные базы данных, не требуется промежуточное ПО или ORM, открытый исходный код, поддерживает Node.js модули, синхронизация данных, легко установить и начать работу, обновления пользовательского интерфейса для клиентской стороны без необходимости обновления браузера, отлично подходит для разработки чат-приложений.

Демо | GitHub

#js #frontend #framework

Адаптивная верстка: что это и как использовать

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

В статье описаны советы и нюансы адаптивной верстки.

Читать статью

#article #frontend

CSS. Карманный справочник
Э. Мейер, 2019

Работая с каскадными таблицами стилей (CSS), читатель может быстро найти нужный ответ в этом удобном кратком справочнике, в котором предоставляются все основные сведения, необходимые для оперативной реализации CSS-стилей. Этот карманный справочник идеально подходит для веб-разработчиков от промежуточного уровня до уровня высокой квалификации, а его пятое издание исправлено согласно спецификации CSS3.

Скачать книгу | Больше книг

#book #css #frontend

📑 Компонентный подход в веб-разработке

После многих лет поисков JavaScript-мастерам удалось найти философский камень фронтенда – компоненты. Что ждет веб в 2020?

Мир веб-разработки развивается головокружительно быстро, как и язык программирования JavaScript. Сегодня, если вы не шарите в Webpack, React Hooks, Jest, Vue и NG elements, вы чувствуете себя потерянным и отстающим. Этот разрыв быстро расширяется, вы уже не понимаете, о чем говорят ваши коллеги… Но все меняется!

#статьи #frontend

📑 Для CSS создают параметр leading-trim: он исправит видимый беспорядок между строками текста при равных отступах в коде

Из-за особенностей кода между блоками текста появляется лишнее пространство. Новый параметр должен справиться с загвоздкой.

В начале июня 2020 года разработчики CSS предложили новый пакет спецификаций, где упоминается параметр leading-trim. Он позволит обрезать поля вокруг текста по заданным параметрам. Когда разработчики его добавят, неизвестно.

#статьи #frontend

📑 Фронтенд-разработчику: 10 направлений, в которых стоит развиваться в 2021 году

Профессия «фронтенд-разработчик», без сомнения, будет одной из самых востребованных в 2021 году.

Раньше тем, кто работал в этой сфере, для создания интерактивных сайтов достаточно было знать HTML, CSS и, возможно, jQuery. Но сегодня фронтенд-разработчик вынужден существовать в обширной и постоянно меняющейся экосистеме, состоящей из инструментов, библиотек, фреймворков. Разработчику жизненно необходимы навыки владения самыми разными средствами, ему постоянно приходится вкладывать время и силы в самообучение.

В последние несколько лет мир увидел замечательные новые библиотеки и фреймворки, основанные на JavaScript и составляющие сегодня основу практически любого веб-проекта. Это, например, React, Vue, Svelte.

#статьи #frontend

🛠 frontendpractice — поднимите свои навыки во фронтенде на новый уровень, воссоздавая реальные веб-сайты.

WebDEV #инструменты #frontend

🛠 Codier — здесь можно порешать сложные, но интересные задачи по фронтенду.

WebDEV #инструменты #frontend

🛠 Ace Front End предлагает практические задачи на написание кода с подробным объяснением идеального решения для собеседования.

WebDEV #инструменты #frontend

Storybook за 100 секунд

Storybook — это инструмент, используемый для изолированного тестирования компонентов пользовательского интерфейса, который работает с платформами JS, такими как React, Angular, Vue и Svelte.

📺 YouTube

WebDEV #видео #js #frontend