9 главных трендов в разработке фронтенда в 2024 году
Сфера фронтенд-разработки крайне изменчива. Стиль, фреймворки, инструменты меняются очень быстро. Чтобы быть на острие рынка, необходимо своевременно изучать все изменения.
В этой статье собраны 9 главных трендов, которые будут актуальны в этом году.
@frontend_school #статья
Сфера фронтенд-разработки крайне изменчива. Стиль, фреймворки, инструменты меняются очень быстро. Чтобы быть на острие рынка, необходимо своевременно изучать все изменения.
В этой статье собраны 9 главных трендов, которые будут актуальны в этом году.
@frontend_school #статья
Какой из перечисленных инструментов является препроцессором CSS?
Anonymous Quiz
17%
Bootstrap
76%
Sass
3%
jQuery
3%
Node.js
Что означает ошибка SyntaxError: Unexpected token '{'. Expected ')' to end an 'if' condition
Наверное, каждый из нас сталкивался с такой ошибкой при написании кода на JS. Её легко допустить, но также и легко исправить.
О том почему она возникает и как её быстро устранить рассказали в статье: https://thecode.media/chto-oznachaet-oshibka-syntaxerror-unexpected-token-expected-to-end-an-if-condition/
@frontend_school #статья #javascript
Наверное, каждый из нас сталкивался с такой ошибкой при написании кода на JS. Её легко допустить, но также и легко исправить.
О том почему она возникает и как её быстро устранить рассказали в статье: https://thecode.media/chto-oznachaet-oshibka-syntaxerror-unexpected-token-expected-to-end-an-if-condition/
@frontend_school #статья #javascript
30 вопросов на собеседовании фронтенд-разработчика
Готовитесь к своему первому собеседованию и не знаете, что вас могут спросить? В этой статье собраны 30 популярных вопросов.
Зная ответы на них, вы будете чувствовать себя гораздо увереннее: https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika
@frontend_school #статья #вопросы
Готовитесь к своему первому собеседованию и не знаете, что вас могут спросить? В этой статье собраны 30 популярных вопросов.
Зная ответы на них, вы будете чувствовать себя гораздо увереннее: https://tproger.ru/articles/20-voprosov-na-sobesedovanii-frontend-razrabotchika
@frontend_school #статья #вопросы
21 лайфхак для новичков в JavaScript
Приготовьтесь пополнить арсенал своих JavaScript-навыков. Всеобъемлющее руководство ознакомит вас с эксклюзивными JavaScript-лайфхаками, которые помогают опытным разработчикам достигать вершин мастерства при создании кода.
Постигаем мастерство тут: https://nuancesprog.ru/p/20310/
@frontend_school #статья #javascript
Приготовьтесь пополнить арсенал своих JavaScript-навыков. Всеобъемлющее руководство ознакомит вас с эксклюзивными JavaScript-лайфхаками, которые помогают опытным разработчикам достигать вершин мастерства при создании кода.
Постигаем мастерство тут: https://nuancesprog.ru/p/20310/
@frontend_school #статья #javascript
Что нужно знать о современном CSS
Цель этого руководства — познакомить вас со списком новых (потрясающих) возможностей, недавно появившихся в CSS.
Пусть что-то и не сразу войдёт в обиход из-за медленного обновления браузеров, но зная самые новые возможности, вы будете на шаг впереди остальных.
Подробнее: https://habr.com/ru/articles/816541/
@frontend_school #статья #css
Цель этого руководства — познакомить вас со списком новых (потрясающих) возможностей, недавно появившихся в CSS.
Пусть что-то и не сразу войдёт в обиход из-за медленного обновления браузеров, но зная самые новые возможности, вы будете на шаг впереди остальных.
Подробнее: https://habr.com/ru/articles/816541/
@frontend_school #статья #css
Новые методы Set в JavaScript, которые подарят вам суперспособности
Set был добавлен ещё в стандарте ES2015, но всегда казался немного ограниченным. Работать с ним можно было только через добавление, удаление и проверку наличия элементов. Однако при работе с несколькими коллекциями или их сравнении, приходилось писать дополнительные функции.
Но теперь нам готовят новые методы, которые значительно упростят работу с Set и позволят избежать необходимости придумывать свои функции. Подробнее:
https://proglib.io/p/set-v-javascript-teper-s-novymi-supersposobnostyami-2024-06-19
@frontend_school #статья #javascript
Set был добавлен ещё в стандарте ES2015, но всегда казался немного ограниченным. Работать с ним можно было только через добавление, удаление и проверку наличия элементов. Однако при работе с несколькими коллекциями или их сравнении, приходилось писать дополнительные функции.
Но теперь нам готовят новые методы, которые значительно упростят работу с Set и позволят избежать необходимости придумывать свои функции. Подробнее:
https://proglib.io/p/set-v-javascript-teper-s-novymi-supersposobnostyami-2024-06-19
@frontend_school #статья #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Лоадер в виде анимированной сковороды
Интересный способ отобразить загрузку контента — добавить привлекательный лоадер. Этот вариант сделан с использованием препроцессора SCSS.
Посмотреть код можно по ссылке: https://codepen.io/jkantner/pen/OJGBYJG
@frontend_school #codepen #scss #css
Интересный способ отобразить загрузку контента — добавить привлекательный лоадер. Этот вариант сделан с использованием препроцессора SCSS.
Посмотреть код можно по ссылке: https://codepen.io/jkantner/pen/OJGBYJG
@frontend_school #codepen #scss #css
Ответы на популярные вопросы по HTML
Даже изучая вёрстку, у нас копятся множество вопросов. HTML — технология древних, поэтому многое там может быть не очевидно и путать.
Чтобы вопросы у вас не копились, делимся большой статьёй, где, скорее всего, вы найдёте ответ на то, что вас интересует: https://www.frontendinterviewhandbook.com/ru/html-questions
@frontend_school #статья #html
Даже изучая вёрстку, у нас копятся множество вопросов. HTML — технология древних, поэтому многое там может быть не очевидно и путать.
Чтобы вопросы у вас не копились, делимся большой статьёй, где, скорее всего, вы найдёте ответ на то, что вас интересует: https://www.frontendinterviewhandbook.com/ru/html-questions
@frontend_school #статья #html
Розыгрыш среди подписчиков канала!
Мы знаем, что помогает разработчикам оставаться в тонусе и создавать качественный код — кофе! И чтобы ваш кофе никогда не остывал, мы решили разыграть кружку, которая будет поддерживать его температуру. А ещё это беспроводная зарядка для ваших смартфонов!
Чтобы принять участие в розыгрыше вам нужно:
1. Подписаться на канал
2. Нажать кнопку «Участвовать»
21.07 в 13:00 бот выберет одного победителя.
Обращаем внимание, что доставка приза победителю абсолютно бесплатна, но возможна только по РФ.
Мы знаем, что помогает разработчикам оставаться в тонусе и создавать качественный код — кофе! И чтобы ваш кофе никогда не остывал, мы решили разыграть кружку, которая будет поддерживать его температуру. А ещё это беспроводная зарядка для ваших смартфонов!
Чтобы принять участие в розыгрыше вам нужно:
1. Подписаться на канал
2. Нажать кнопку «Участвовать»
21.07 в 13:00 бот выберет одного победителя.
Обращаем внимание, что доставка приза победителю абсолютно бесплатна, но возможна только по РФ.
5 крутых функций JavaScript, о которых не знает большинство разработчиков
С помощью JavaScript можно делать одно и то же разными способами. С выпуском каждой новой спецификации ECMAScript добавляются новые методы и операторы, чтобы сделать код более коротким и читабельным.
Как использовать всю мощь языка, рассказали здесь: https://proglib.io/p/5-krutyh-funkciy-javascript-o-kotoryh-ne-znaet-bolshinstvo-razrabotchikov-2021-09-04
@frontend_school #статья #javascript
С помощью JavaScript можно делать одно и то же разными способами. С выпуском каждой новой спецификации ECMAScript добавляются новые методы и операторы, чтобы сделать код более коротким и читабельным.
Как использовать всю мощь языка, рассказали здесь: https://proglib.io/p/5-krutyh-funkciy-javascript-o-kotoryh-ne-znaet-bolshinstvo-razrabotchikov-2021-09-04
@frontend_school #статья #javascript
Forwarded from Кот Ревью
Как максимально приблизить веб-приложения к нативным
Сегодня WebAPI обладают крайне широкими возможностями, которые позволяют превратить веб-приложения практически в нативные. И мне кажется, что сегодня это особенно актуально, учитывая санкции и блокировку многих приложений в AppStore и GooglePlay.
В этой статье фронтенд-разработчик рассказал, как по максимуму использовать возможности WebAPI.
@catreview #webdev
Сегодня WebAPI обладают крайне широкими возможностями, которые позволяют превратить веб-приложения практически в нативные. И мне кажется, что сегодня это особенно актуально, учитывая санкции и блокировку многих приложений в AppStore и GooglePlay.
В этой статье фронтенд-разработчик рассказал, как по максимуму использовать возможности WebAPI.
@catreview #webdev
Как обеспечить безопасность фронтенд-приложений
Безопасность является важным фактором при создании фронтенд-приложений, поскольку они часто являются отправной точкой для атак. В этой статье собраны основные меры, которых стоит придерживаться или о которых хотя бы нужно задуматься: https://habr.com/ru/articles/736866/
@frontend_school #статья #безопасность
Безопасность является важным фактором при создании фронтенд-приложений, поскольку они часто являются отправной точкой для атак. В этой статье собраны основные меры, которых стоит придерживаться или о которых хотя бы нужно задуматься: https://habr.com/ru/articles/736866/
@frontend_school #статья #безопасность
Полное руководство по localStorage в JavaScript localStorage
JavaScript localStorage – это основное хранилище данных, которое находится в объекте Window браузера. Вы можете сохранять любую информацию в localStorage, и она будет сохраняться даже при перезагрузке страницы или закрытии и повторном открытии браузера.
Зачем оно нужно, как им пользоваться и какие методы существуют, рассказали в статье: https://tproger.ru/articles/javascript-localstorage-polnoe-rukovodstvo/
@frontend_school #статья #javascript
JavaScript localStorage – это основное хранилище данных, которое находится в объекте Window браузера. Вы можете сохранять любую информацию в localStorage, и она будет сохраняться даже при перезагрузке страницы или закрытии и повторном открытии браузера.
Зачем оно нужно, как им пользоваться и какие методы существуют, рассказали в статье: https://tproger.ru/articles/javascript-localstorage-polnoe-rukovodstvo/
@frontend_school #статья #javascript
Большой видеоурок по Three.js
В этом видео вы научитесь пользоваться популярной js-библиотекой для создания сложных анимаций Three.js. Хоть видео и на английском, но вы без труда сможете посмотреть его используя автоматический перевод, например, в Яндекс Браузере:
https://youtu.be/UMqNHi1GDAE
@frontend_school #видео #javascript #threejs https://www.youtube.com/watch?v=UMqNHi1GDAE
В этом видео вы научитесь пользоваться популярной js-библиотекой для создания сложных анимаций Three.js. Хоть видео и на английском, но вы без труда сможете посмотреть его используя автоматический перевод, например, в Яндекс Браузере:
https://youtu.be/UMqNHi1GDAE
@frontend_school #видео #javascript #threejs https://www.youtube.com/watch?v=UMqNHi1GDAE
YouTube
Learn Three.js by Building 5 Projects
Learn fundamental JavaScript coding techniques by creating dazzling real-time 3d animations and effects using three.js.
✏️ Course developed by @robotbobby9
Here are the projects you will create:
1) Getting Started
https://github.com/bobbyroe/getting-started…
✏️ Course developed by @robotbobby9
Here are the projects you will create:
1) Getting Started
https://github.com/bobbyroe/getting-started…
Условные конструкции в CSS
На прошлой неделе рабочая группа по CSS решила добавить inline if() в CSS. Но что это значит и почему это так интересно? CSS наконец-то превратится в язык программирования?
Подробности в статье: https://lea.verou.me/blog/2024/css-conditionals/
@frontend_school #статья #css
На прошлой неделе рабочая группа по CSS решила добавить inline if() в CSS. Но что это значит и почему это так интересно? CSS наконец-то превратится в язык программирования?
Подробности в статье: https://lea.verou.me/blog/2024/css-conditionals/
@frontend_school #статья #css
Большая подборка шпаргалок и инструментов для HTML, CSS и JS
Этому сайту уже много лет, но он всё также не теряет актуальности. Здесь собрано множество шпаргалок, которые позволяют быстро найти нужную информацию. А ещё здесь микро инструменты, которые упростят вам создание сложных стилей и вёрстки.
Сохраняйте и пользуйтесь по ссылке.
@frontend_school #html #css #js
Этому сайту уже много лет, но он всё также не теряет актуальности. Здесь собрано множество шпаргалок, которые позволяют быстро найти нужную информацию. А ещё здесь микро инструменты, которые упростят вам создание сложных стилей и вёрстки.
Сохраняйте и пользуйтесь по ссылке.
@frontend_school #html #css #js