Каждый разработчик знаком с ситуацией выбора технологического стека для проекта. Приходится проанализировать множество факторов - от целей проекта и ресурсов до бюджета, соотнести все это с особенностями фреймворков, например, Angular и React, и на основе этого уже подбирать решение. Причем у разных разработчиков оно может быть разным: и каждый будет уверен, что он прав.
Выбирайте ваш фреймворк: Angular или React, и сражайтесь за него, отвечая на 30 вопросов теста. 21 и более правильных ответов принесут в копилку команды один балл.
Angular vs React
#frontend #angular #react
Выбирайте ваш фреймворк: Angular или React, и сражайтесь за него, отвечая на 30 вопросов теста. 21 и более правильных ответов принесут в копилку команды один балл.
Angular vs React
#frontend #angular #react
Хабр
Angular vs React: битва за фронтенд
Каждый разработчик знаком с ситуацией выбора технологического стека для проекта. Приходится проанализировать множество факторов - от целей проекта и ресурсов до бюджета, соотнести все это с особенностями фреймворков, например, Angular и React, и на основе…
Мир веб-разработки развивается невероятно быстро. То, что вчера было новостью, сегодня уже может устареть, а то, о чём сегодня почти никто не знает, завтра способно стать двигателем прогресса.
В статье будет рассмотрено всё самое интересное, произошедшее в сфере фронтенда в 2018 году. Речь пойдёт о развитии фреймворков и вспомогательных инструментов, о JavaScript-трендах, а также о том, в каком направлении фронтенд может пойти в 2019-м.
Фронтенд-2018: итоги года
#frontend #web #js #article
В статье будет рассмотрено всё самое интересное, произошедшее в сфере фронтенда в 2018 году. Речь пойдёт о развитии фреймворков и вспомогательных инструментов, о JavaScript-трендах, а также о том, в каком направлении фронтенд может пойти в 2019-м.
Фронтенд-2018: итоги года
#frontend #web #js #article
Medium
Фронтенд-2018: итоги года
Мир веб-разработки развивается невероятно быстро. То, что вчера было новостью, сегодня уже может устареть, а то, о чём сегодня почти никто…
Топ трендов веб-разработки в 2019
Веб-разработка продолжает быстро развиваться. В этом видео описаны топ 8 трендов, на которые стоит обратить внимание в 2019.
YouTube
#web #frontend #backend #video #eng
Веб-разработка продолжает быстро развиваться. В этом видео описаны топ 8 трендов, на которые стоит обратить внимание в 2019.
YouTube
#web #frontend #backend #video #eng
YouTube
Top 8 Web Development Trends 2019
Web Development will continue evolving quickly in 2019. Here are the top 8 web development trends you should not miss in 2019.
Learn Node.js from Scratch: https://acad.link/nodejs
Learn React.js from Scratch: https://acad.link/reactjs
Learn Angular from Scratch:…
Learn Node.js from Scratch: https://acad.link/nodejs
Learn React.js from Scratch: https://acad.link/reactjs
Learn Angular from Scratch:…
Я думаю ни для кого не секрет, что скорость загрузки страницы влияет на множество факторов. На сегодняшний день уже многие поисковые системы при ранжировании сайтов, начали учитывать скорость загрузки страницы. Поэтому чем быстрее будет грузиться Ваш сайт, тем больше посетителей Вы можете получить с поисковых систем, а, следовательно, и больше денег на этом заработать.
Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.
10 советов о том, как увеличить скорость загрузки страницы
#web #frontend #backend
Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.
10 советов о том, как увеличить скорость загрузки страницы
#web #frontend #backend
Medium
10 советов о том, как увеличить скорость загрузки страницы
Я думаю ни для кого не секрет, что скорость загрузки страницы влияет на множество факторов. Если кто-то не в курсе, то вкратце скажу…
Создание рабочего и красивого дизайна для большинства дизайнеров — это напряженный творческий процесс. Вся суть их работы — передача смысла через цвета, типографику, пробелы и многое другое. Точность и забота, которые вкладываются в дизайн, также должны быть перенесены в разработку интерфейса.
И дело не только в том, чтобы код максимально точно отражал дизайн, но и в том, чтобы он был аккуратным. Ниже приведены десять ключевых выводов из моего учебного процесса по воссозданию дизайна с максимально возможной точностью до пикселя во фронтенд разработке.
10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке
#frontend #design #article
И дело не только в том, чтобы код максимально точно отражал дизайн, но и в том, чтобы он был аккуратным. Ниже приведены десять ключевых выводов из моего учебного процесса по воссозданию дизайна с максимально возможной точностью до пикселя во фронтенд разработке.
10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке
#frontend #design #article
Medium
10 полезных советов по Pixel Perfect дизайну в Frontend разработке
На примере работы с редактором Sketch
Нативная поддержка lazy-loading в браузерах
Поддержка lazy-loading для картинок и iframe приходит в браузеры. Видео показывает возможности новой функции. Так же есть возможно испробовать функцию самому на демо-сайте
В статье описано как использовать новый аттрибут
Читать статью
#frontend #news #article
Поддержка lazy-loading для картинок и iframe приходит в браузеры. Видео показывает возможности новой функции. Так же есть возможно испробовать функцию самому на демо-сайте
В статье описано как использовать новый аттрибут
loading
и какие типы загрузки картинок появились.Читать статью
#frontend #news #article
Ускоряем загрузку своего сайта
Оптимизация загрузки положительно влияет на отношение клиентов к продукту, уровень конверсии, SEO, и, в итоге, на успех вашего проекта.
Читать статью
#article #perfomance #frontend
Оптимизация загрузки положительно влияет на отношение клиентов к продукту, уровень конверсии, SEO, и, в итоге, на успех вашего проекта.
Если сайт загружается дольше трёх секунд, 53 % пользователей покинут его.
В статье подробно описано, как этого избежать. Читать статью
#article #perfomance #frontend
5 необходимых вещей для каждой веб-страницы
Мы расскажем об 5 атрибутах любой HTML страницы, про которые многие забывают. Добавив их, вам будет проще раскрутить сайт, к тому же, они сделают сайт более удобным.
Читать статью
#frontend #article #tips
Мы расскажем об 5 атрибутах любой HTML страницы, про которые многие забывают. Добавив их, вам будет проще раскрутить сайт, к тому же, они сделают сайт более удобным.
Читать статью
#frontend #article #tips
Полноценная инфраструктура Meteor.js обеспечивает быструю Frontend разработку для сквозных веб-приложений и мобильных приложений в JavaScript. Из-за своей модульной структуры библиотеки очень удобно использовать пакеты. Сегодня данная структура используется для разработки приложений в таких компаниях, как Mazda, Honeywell и IKEA.
Преимущества Meteor.js: полноэкранная JavaScript платформа, наличие MongoDB, который лучше чем реляционные базы данных, не требуется промежуточное ПО или ORM, открытый исходный код, поддерживает Node.js модули, синхронизация данных, легко установить и начать работу, обновления пользовательского интерфейса для клиентской стороны без необходимости обновления браузера, отлично подходит для разработки чат-приложений.
Демо | GitHub
#js #frontend #framework
Преимущества Meteor.js: полноэкранная JavaScript платформа, наличие MongoDB, который лучше чем реляционные базы данных, не требуется промежуточное ПО или ORM, открытый исходный код, поддерживает Node.js модули, синхронизация данных, легко установить и начать работу, обновления пользовательского интерфейса для клиентской стороны без необходимости обновления браузера, отлично подходит для разработки чат-приложений.
Демо | GitHub
#js #frontend #framework
Адаптивная верстка: что это и как использовать
В настоящее время доля мобильного трафика растет стремительными темпами. Телефон всегда под рукой, в любом месте люди могут посмотреть необходимую информацию, прочитать новости и т. д. Обычный сайт можно просмотреть с помощью мобильного устройства. Однако, возникают некоторые нюансы при просмотре - для чтения отдельных блоков текста на относительно небольшом экране необходимо масштабировать страницу. Как следствие, теряется читабельность, удобство, сайт нужно постоянно пролистывать, растягивать, приближать.
В статье описаны советы и нюансы адаптивной верстки.
Читать статью
#article #frontend
В настоящее время доля мобильного трафика растет стремительными темпами. Телефон всегда под рукой, в любом месте люди могут посмотреть необходимую информацию, прочитать новости и т. д. Обычный сайт можно просмотреть с помощью мобильного устройства. Однако, возникают некоторые нюансы при просмотре - для чтения отдельных блоков текста на относительно небольшом экране необходимо масштабировать страницу. Как следствие, теряется читабельность, удобство, сайт нужно постоянно пролистывать, растягивать, приближать.
В статье описаны советы и нюансы адаптивной верстки.
Читать статью
#article #frontend
CSS. Карманный справочник
Э. Мейер, 2019
Работая с каскадными таблицами стилей (CSS), читатель может быстро найти нужный ответ в этом удобном кратком справочнике, в котором предоставляются все основные сведения, необходимые для оперативной реализации CSS-стилей. Этот карманный справочник идеально подходит для веб-разработчиков от промежуточного уровня до уровня высокой квалификации, а его пятое издание исправлено согласно спецификации CSS3.
Скачать книгу | Больше книг
#book #css #frontend
Э. Мейер, 2019
Работая с каскадными таблицами стилей (CSS), читатель может быстро найти нужный ответ в этом удобном кратком справочнике, в котором предоставляются все основные сведения, необходимые для оперативной реализации CSS-стилей. Этот карманный справочник идеально подходит для веб-разработчиков от промежуточного уровня до уровня высокой квалификации, а его пятое издание исправлено согласно спецификации CSS3.
Скачать книгу | Больше книг
#book #css #frontend
📑 Компонентный подход в веб-разработке
После многих лет поисков JavaScript-мастерам удалось найти философский камень фронтенда – компоненты. Что ждет веб в 2020?
Мир веб-разработки развивается головокружительно быстро, как и язык программирования JavaScript. Сегодня, если вы не шарите в Webpack, React Hooks, Jest, Vue и NG elements, вы чувствуете себя потерянным и отстающим. Этот разрыв быстро расширяется, вы уже не понимаете, о чем говорят ваши коллеги… Но все меняется!
#статьи #frontend
После многих лет поисков JavaScript-мастерам удалось найти философский камень фронтенда – компоненты. Что ждет веб в 2020?
Мир веб-разработки развивается головокружительно быстро, как и язык программирования JavaScript. Сегодня, если вы не шарите в Webpack, React Hooks, Jest, Vue и NG elements, вы чувствуете себя потерянным и отстающим. Этот разрыв быстро расширяется, вы уже не понимаете, о чем говорят ваши коллеги… Но все меняется!
#статьи #frontend
📑 Для CSS создают параметр leading-trim: он исправит видимый беспорядок между строками текста при равных отступах в коде
Из-за особенностей кода между блоками текста появляется лишнее пространство. Новый параметр должен справиться с загвоздкой.
В начале июня 2020 года разработчики CSS предложили новый пакет спецификаций, где упоминается параметр leading-trim. Он позволит обрезать поля вокруг текста по заданным параметрам. Когда разработчики его добавят, неизвестно.
#статьи #frontend
Из-за особенностей кода между блоками текста появляется лишнее пространство. Новый параметр должен справиться с загвоздкой.
В начале июня 2020 года разработчики CSS предложили новый пакет спецификаций, где упоминается параметр leading-trim. Он позволит обрезать поля вокруг текста по заданным параметрам. Когда разработчики его добавят, неизвестно.
#статьи #frontend
📑 Фронтенд-разработчику: 10 направлений, в которых стоит развиваться в 2021 году
Профессия «фронтенд-разработчик», без сомнения, будет одной из самых востребованных в 2021 году.
Раньше тем, кто работал в этой сфере, для создания интерактивных сайтов достаточно было знать HTML, CSS и, возможно, jQuery. Но сегодня фронтенд-разработчик вынужден существовать в обширной и постоянно меняющейся экосистеме, состоящей из инструментов, библиотек, фреймворков. Разработчику жизненно необходимы навыки владения самыми разными средствами, ему постоянно приходится вкладывать время и силы в самообучение.
В последние несколько лет мир увидел замечательные новые библиотеки и фреймворки, основанные на JavaScript и составляющие сегодня основу практически любого веб-проекта. Это, например, React, Vue, Svelte.
#статьи #frontend
Профессия «фронтенд-разработчик», без сомнения, будет одной из самых востребованных в 2021 году.
Раньше тем, кто работал в этой сфере, для создания интерактивных сайтов достаточно было знать HTML, CSS и, возможно, jQuery. Но сегодня фронтенд-разработчик вынужден существовать в обширной и постоянно меняющейся экосистеме, состоящей из инструментов, библиотек, фреймворков. Разработчику жизненно необходимы навыки владения самыми разными средствами, ему постоянно приходится вкладывать время и силы в самообучение.
В последние несколько лет мир увидел замечательные новые библиотеки и фреймворки, основанные на JavaScript и составляющие сегодня основу практически любого веб-проекта. Это, например, React, Vue, Svelte.
#статьи #frontend
🛠 frontendpractice — поднимите свои навыки во фронтенде на новый уровень, воссоздавая реальные веб-сайты.
WebDEV #инструменты #frontend
WebDEV #инструменты #frontend
🛠 Codier — здесь можно порешать сложные, но интересные задачи по фронтенду.
WebDEV #инструменты #frontend
WebDEV #инструменты #frontend
🛠 Ace Front End предлагает практические задачи на написание кода с подробным объяснением идеального решения для собеседования.
WebDEV #инструменты #frontend
WebDEV #инструменты #frontend
Storybook за 100 секунд
Storybook — это инструмент, используемый для изолированного тестирования компонентов пользовательского интерфейса, который работает с платформами JS, такими как React, Angular, Vue и Svelte.
📺 YouTube
WebDEV #видео #js #frontend
Storybook — это инструмент, используемый для изолированного тестирования компонентов пользовательского интерфейса, который работает с платформами JS, такими как React, Angular, Vue и Svelte.
📺 YouTube
WebDEV #видео #js #frontend
YouTube
Storybook in 100 Seconds
Storybook is a tool used for testing UI components in isolation that works with JS frameworks like React, Angular, Vue, and Svelte. It is especially useful for web developers building design systems and shared libraries.
#webdevelopment #js #100SecondsOfCode…
#webdevelopment #js #100SecondsOfCode…