Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.2K subscribers
550 photos
66 videos
3 files
252 links
Крутым фронтендером не рождаются — им становятся на канале @frontend_school!

Наш чат: @frontend_school_chat
Наша флудилка: @frontend_school_flud

Другие проекты: t.me/addlist/dIq-3zEMMugwZTgy

Мы в VK: vk.com/frontend_school

Связь: @jellyjail
Download Telegram
Какой из перечисленных инструментов является препроцессором 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
30 вопросов на собеседовании фронтенд-разработчика

Готовитесь к своему первому собеседованию и не знаете, что вас могут спросить? В этой статье собраны 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
Что нужно знать о современном 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
This media is not supported in your browser
VIEW IN TELEGRAM
Лоадер в виде анимированной сковороды

Интересный способ отобразить загрузку контента — добавить привлекательный лоадер. Этот вариант сделан с использованием препроцессора SCSS.

Посмотреть код можно по ссылке: https://codepen.io/jkantner/pen/OJGBYJG

@frontend_school #codepen #scss #css
Ответы на популярные вопросы по HTML

Даже изучая вёрстку, у нас копятся множество вопросов. HTML — технология древних, поэтому многое там может быть не очевидно и путать.

Чтобы вопросы у вас не копились, делимся большой статьёй, где, скорее всего, вы найдёте ответ на то, что вас интересует: https://www.frontendinterviewhandbook.com/ru/html-questions

@frontend_school #статья #html
Розыгрыш среди подписчиков канала!

Мы знаем, что помогает разработчикам оставаться в тонусе и создавать качественный код — кофе! И чтобы ваш кофе никогда не остывал, мы решили разыграть кружку, которая будет поддерживать его температуру. А ещё это беспроводная зарядка для ваших смартфонов!

Чтобы принять участие в розыгрыше вам нужно:

1. Подписаться на канал
2. Нажать кнопку «Участвовать»

21.07 в 13:00 бот выберет одного победителя.

Обращаем внимание, что доставка приза победителю абсолютно бесплатна, но возможна только по РФ.
Когда коллектив действительно дружный.

@frontend_school
5 крутых функций 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
Как обеспечить безопасность фронтенд-приложений

Безопасность является важным фактором при создании фронтенд-приложений, поскольку они часто являются отправной точкой для атак. В этой статье собраны основные меры, которых стоит придерживаться или о которых хотя бы нужно задуматься: 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
Большой видеоурок по Three.js

В этом видео вы научитесь пользоваться популярной js-библиотекой для создания сложных анимаций Three.js. Хоть видео и на английском, но вы без труда сможете посмотреть его используя автоматический перевод, например, в Яндекс Браузере:

https://youtu.be/UMqNHi1GDAE

@frontend_school #видео #javascript #threejs https://www.youtube.com/watch?v=UMqNHi1GDAE
Условные конструкции в 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
Forwarded from Кот Ревью
Ловите крутой сайт для веб-разработчиков

В своё время он и мне очень сильно помог. Здесь собраны справочники и руководства по HTML, CSS и JavaScript. Надеюсь, что окажется полезным и для вас. Сохраняйте себе и пользуйтесь на здоровье:

https://doka.guide/

@catreview #webdev
Спорим, вы знаете не все методы для работы со строками в JavaScript?

Хоть нам и приходится каждый день иметь дело с JS, но всё знать невозможно. В этой статье собраны 40 методов, которые позволяют взаимодействовать со строками:

https://proglib.io/p/40-osnovnyh-i-nestandartnyh-metodov-dlya-raboty-so-strokami-v-javascript-2022-05-19

Напишите в комментарии сколько из них вы знали до прочтения статьи 👇

#javascript #строки

Учитесь фронтенду с нами — подпишитесь 💻