Как регулярные выражения помогают сократить время на разработку
Регулярные выражения — это инструмент, который позволяет фронтендеру быстрее находить и анализировать информацию. Благодаря ему можно не только эффективнее решать задачи, но и писать код, который будет лучше работать.
Наше недавнее исследование вакансий показало: знание регулярных выражений и навык работы с ними требуется в 24% вакансий продуктовых компаний для фронтенд-разработчиков с опытом больше двух лет.
Давайте разберёмся, что такое регулярные выражения и как грамотно их применять.
Зачем нужны регулярные выражения?
Регулярные выражения — это формальный язык поиска подстроки в строке. Они поддерживаются многими программами: редакторами, системными утилитами, базами данных. Но особенно хорошо возможности этого инструмента раскрываются в языках программирования, в том числе в JavaScript.
Когда можно использовать регулярные выражения?
Типовые задачи в которых регулярные выражения действительно могут пригодиться, не так много. Среди них:
1. Поиск или замена подстроки в строке с «плавающими» (неизвестными) данными. Самая распространённая задача — найти в тексте ссылки и адреса электронной почты и сделать их кликабельными.
2. Валидация данных формы и ограничение ввода. Например, валидация номера телефона, электронной почты, данных паспорта гражданина РФ и другой информации.
3. Получение части строки или формирование новых структур данных из строк. Например, нужно найти количество вхождений ключевых слов в тексте без учёта падежных окончаний, составить из них массив с данными для дальнейшего использования.
Какие типовые задачи решаются регулярными выражениями:
1. Поиск и гибкая замена в коде.
2. Подготовка и обработка данных. Когда вы выносите предварительные данные в текстовый редактор и готовите их для следующих операций.
3. Написание кода с большим количеством одинаковых конструкций.
Регулярные выражения справляются с задачами, которые сложно решить с помощью нативных методов языка, упрощает работу с кодом и даже его написание.
Регулярные выражения — это инструмент, который позволяет фронтендеру быстрее находить и анализировать информацию. Благодаря ему можно не только эффективнее решать задачи, но и писать код, который будет лучше работать.
Наше недавнее исследование вакансий показало: знание регулярных выражений и навык работы с ними требуется в 24% вакансий продуктовых компаний для фронтенд-разработчиков с опытом больше двух лет.
Давайте разберёмся, что такое регулярные выражения и как грамотно их применять.
Зачем нужны регулярные выражения?
Регулярные выражения — это формальный язык поиска подстроки в строке. Они поддерживаются многими программами: редакторами, системными утилитами, базами данных. Но особенно хорошо возможности этого инструмента раскрываются в языках программирования, в том числе в JavaScript.
Когда можно использовать регулярные выражения?
Типовые задачи в которых регулярные выражения действительно могут пригодиться, не так много. Среди них:
1. Поиск или замена подстроки в строке с «плавающими» (неизвестными) данными. Самая распространённая задача — найти в тексте ссылки и адреса электронной почты и сделать их кликабельными.
2. Валидация данных формы и ограничение ввода. Например, валидация номера телефона, электронной почты, данных паспорта гражданина РФ и другой информации.
3. Получение части строки или формирование новых структур данных из строк. Например, нужно найти количество вхождений ключевых слов в тексте без учёта падежных окончаний, составить из них массив с данными для дальнейшего использования.
Какие типовые задачи решаются регулярными выражениями:
1. Поиск и гибкая замена в коде.
2. Подготовка и обработка данных. Когда вы выносите предварительные данные в текстовый редактор и готовите их для следующих операций.
3. Написание кода с большим количеством одинаковых конструкций.
Регулярные выражения справляются с задачами, которые сложно решить с помощью нативных методов языка, упрощает работу с кодом и даже его написание.
🔥1
5 лайфхаков, как впечатлить рекрутера и не провалиться на собеседовании
Наши друзья из IT-компании Outlines Tech поделились советами, как разработчикам подготовиться к собеседованиям. Лайфхаки составили исходя из личного опыта рекрутеров. Сохраните пост, чтобы не потерять.
🧑💻Больше карьерных лайфаков найдёте в тг-канале Outlines Tech. Здесь эксперты рассказывают, как построить карьеру в IT, прокачать скиллы и не выгореть. А еще публикуют вакансии.
👉Переходите по ссылке и подписывайтесь.
Наши друзья из IT-компании Outlines Tech поделились советами, как разработчикам подготовиться к собеседованиям. Лайфхаки составили исходя из личного опыта рекрутеров. Сохраните пост, чтобы не потерять.
🧑💻Больше карьерных лайфаков найдёте в тг-канале Outlines Tech. Здесь эксперты рассказывают, как построить карьеру в IT, прокачать скиллы и не выгореть. А еще публикуют вакансии.
👉Переходите по ссылке и подписывайтесь.
👍2❤1🙏1
🌻 Зачем на сайтах анимация?
Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или получить какую-нибудь премию. Но анимации могут и отталкивать посетителей, если они замедляют загрузку страниц.
Поэтому у разработчиков есть выбор — можно использовать CSS, SVG или JavaScript-анимации. Главное выбрать правильный тип анимации для каждого случая и хорошо её оптимизировать, чтобы она плавно работала у всех пользователей.
Как раз об этом статья. А ещё покажем, как сделать простую анимацию с помощью свойства animation: https://tml.io/ggsgh
Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или получить какую-нибудь премию. Но анимации могут и отталкивать посетителей, если они замедляют загрузку страниц.
Поэтому у разработчиков есть выбор — можно использовать CSS, SVG или JavaScript-анимации. Главное выбрать правильный тип анимации для каждого случая и хорошо её оптимизировать, чтобы она плавно работала у всех пользователей.
Как раз об этом статья. А ещё покажем, как сделать простую анимацию с помощью свойства animation: https://tml.io/ggsgh
HTML Academy
Зачем нужны анимации в вебе и как их создавать
Плавно, красиво, на чистом CSS.
Разработка сайтов — это не только работа в больших компаниях и легендарных проектах. Иногда это магазины, заводы или веб-студии, которые делают «интернет-магазины под ключ» на Вордпрессе и Битриксе. И с этим тоже нужно работать, а значит, пора научиться верстать под CMS.
В статье рассказываем, что такое CMS и как под них верстать: https://tml.io/bbhdg
В статье рассказываем, что такое CMS и как под них верстать: https://tml.io/bbhdg
HTML Academy
Что такое CMS и как под них верстать
И что это вообще за системы управления контентом?
Из пяти фронтендеров — только трое знают, как можно передавать токены CSRF и для чего чего создана Privacy Sandbox.
Пройдите тест и проверьте в какую группу входите вы — https://tml.io/mmjhy
Пройдите тест и проверьте в какую группу входите вы — https://tml.io/mmjhy
🔥2
Зачем разработчику знать протоколы?
Протоколы в интернете — это связующие нити между разными устройствами. Если вы начинаете работать с пользовательскими интерфейсами, то без знания протоколов никуда.
Мы в Академии это понимаем, поэтому всё необходимое обучение собрали в один пакет «Протоколы и сети».
Курсы внутри и сам пакет сейчас можно взять со скидкой 30% до 13 ноября включительно.
Протоколы в интернете — это связующие нити между разными устройствами. Если вы начинаете работать с пользовательскими интерфейсами, то без знания протоколов никуда.
Мы в Академии это понимаем, поэтому всё необходимое обучение собрали в один пакет «Протоколы и сети».
Курсы внутри и сам пакет сейчас можно взять со скидкой 30% до 13 ноября включительно.
👍3
Зачем фронтендеру разбираться в дизайне?
Разработчик и дизайнер решают общую задачу — создают простой и понятный интерфейс. Чтобы научиться взаимопониманию, нужно погрузиться в предметную область друг друга: дизайнерам нужно понимать HTML и CSS, а разработчикам — знать основы дизайна.
В статье разобрали конкретные кейсы, как разработчику помогает в работе знание дизайна, а ещё немного рассказали про типографику, теорию цвета и редакторы.
Разработчик и дизайнер решают общую задачу — создают простой и понятный интерфейс. Чтобы научиться взаимопониманию, нужно погрузиться в предметную область друг друга: дизайнерам нужно понимать HTML и CSS, а разработчикам — знать основы дизайна.
В статье разобрали конкретные кейсы, как разработчику помогает в работе знание дизайна, а ещё немного рассказали про типографику, теорию цвета и редакторы.
HTML Academy
Зачем фронтендеру разбираться в дизайне
Сейчас выясним.
👍4
Вышел новый выпуск подкаста Frontend Weekend
В этот раз в гости к Андрею Смирнову пришла Александра Ларионова — IT-рекрутер в кадровом агентстве SymbioWay. Саша рассказала, на что обратить внимание при смене работы, как развиваться, если достиг «стеклянного потолка», а ещё ищут ли рекрутеры разработчиков на Тиндере и OnlyFans.
Выпуск получился максимально полезным, так что, если вы в поиске работы или планируете устроиться на новую, то вам сюда.
Слушать на всех площадках
В этот раз в гости к Андрею Смирнову пришла Александра Ларионова — IT-рекрутер в кадровом агентстве SymbioWay. Саша рассказала, на что обратить внимание при смене работы, как развиваться, если достиг «стеклянного потолка», а ещё ищут ли рекрутеры разработчиков на Тиндере и OnlyFans.
Выпуск получился максимально полезным, так что, если вы в поиске работы или планируете устроиться на новую, то вам сюда.
Слушать на всех площадках
levelup.htmlacademy.ru
Специальный сезон подкаста Frontend Weekend
В этом специальном сезоне мы попросили Андрея, не отходя от его легендарного формата, чуть больше поспрашивать фронтендеров про развитие и как оно повлияло на их карьеру. Каждую неделю Андрей будет общаться с одним фронтендером, а мы рассказывать чуть больше…
👍4
Есть много способов сэкономить время и упростить жизнь разработчика. Но они кажутся такими сложными и непонятными, что знакомство с ними постоянно откладывается. И зря: сегодня мы расскажем, как автоматизировать работу, используя вспомогательные инструменты.
Шаблонизаторы для HTML — один из таких способов.
Читать статью
Шаблонизаторы для HTML — один из таких способов.
Читать статью
HTML Academy
HTML-шаблонизаторы
Есть много способов сэкономить время и упростить жизнь разработчика. Шаблонизаторы это один из них.
🧞 Как стать наставником и какая от этого польза
Наставник — человек, который сопровождает другого на пути развития и помогает двигаться по нему быстрее: делится знаниями и опытом, развивает навыки и подсказывает, как решать сложные задачи.
Наставничество полезно не только для учащихся IT-курсов или джунов, но и для самих наставников. Оно развивает гибкие и жёсткие навыки, способствует карьерному росту, помогает найти или «вырастить» коллег. В общем, каждый найдёт для себя что-то полезное.
Читать
Наставник — человек, который сопровождает другого на пути развития и помогает двигаться по нему быстрее: делится знаниями и опытом, развивает навыки и подсказывает, как решать сложные задачи.
Наставничество полезно не только для учащихся IT-курсов или джунов, но и для самих наставников. Оно развивает гибкие и жёсткие навыки, способствует карьерному росту, помогает найти или «вырастить» коллег. В общем, каждый найдёт для себя что-то полезное.
Читать
HTML Academy
Как стать наставником и какая от этого польза
И что важнее — саморазвитие, самооценка или деньги?
👍2
Типы данных в JavaScript. Инструкция для начинающих
Как и любая компьютерная программа, JavaScript нуждается в наведении порядка в данных, в их структурировании. На языке JavaScript мы говорим, что если данные имеют одинаковую структуру, то они имеют одинаковый тип. Внутренняя организация данных может быть простой, как ДА или НЕТ, а может быть весьма замысловатой, как дерево HTML-элементов или маршруты на карте навигатора.
В новой статье обсудим детали разных типов, как примитивных, так и встроенных, поговорим и о кастомных типах.
Читать
Как и любая компьютерная программа, JavaScript нуждается в наведении порядка в данных, в их структурировании. На языке JavaScript мы говорим, что если данные имеют одинаковую структуру, то они имеют одинаковый тип. Внутренняя организация данных может быть простой, как ДА или НЕТ, а может быть весьма замысловатой, как дерево HTML-элементов или маршруты на карте навигатора.
В новой статье обсудим детали разных типов, как примитивных, так и встроенных, поговорим и о кастомных типах.
Читать
HTML Academy
Типы данных в JavaScript. Инструкция для начинающих
Разбираемся в типах данных с самого начала.
Запустили новый курс для изучения Git и GitHub
Ситуация. Вы освоили вёрстку и хотите устроиться на работу. Для трудоустройства, как минимум, нужно собрать пару проектов в портфолио. Лучше публиковать наработки на GitHub, так работодатель сможет сразу посмотреть качество вашего кода и при необходимости дать тестовое задание.
Чтобы не тратить силы и не собирать информацию по крупицам — пройдите курс, где все необходимые знания собраны в одном месте.
Вот какие задачи научитесь решать
— Создание коммита;
— Отправка изменений на удалённый репозиторий;
— Получение изменений с удалённого репозитория;
— Создание и переключение веток;
— Слияние веток на уровне локального и удалённого репозитория;
— Разрешение конфликтов при слиянии веток;
— Сравнение различных версий программного кода;
— Сравнение файлов вне репозитория;
— Отмена и откладывание изменений;
— Перенос и создание точной копии коммитов.
Узнать подробности и записаться можно по ссылке. Git push
Ситуация. Вы освоили вёрстку и хотите устроиться на работу. Для трудоустройства, как минимум, нужно собрать пару проектов в портфолио. Лучше публиковать наработки на GitHub, так работодатель сможет сразу посмотреть качество вашего кода и при необходимости дать тестовое задание.
Чтобы не тратить силы и не собирать информацию по крупицам — пройдите курс, где все необходимые знания собраны в одном месте.
Вот какие задачи научитесь решать
— Создание коммита;
— Отправка изменений на удалённый репозиторий;
— Получение изменений с удалённого репозитория;
— Создание и переключение веток;
— Слияние веток на уровне локального и удалённого репозитория;
— Разрешение конфликтов при слиянии веток;
— Сравнение различных версий программного кода;
— Сравнение файлов вне репозитория;
— Отмена и откладывание изменений;
— Перенос и создание точной копии коммитов.
Узнать подробности и записаться можно по ссылке. Git push
levelup.htmlacademy.ru
Онлайн-курс «Git и Github»
Для разработчиков, которые хотят научиться работать с самой распространённой системой управления версиями — Git. Курс начинается с азов и заканчивается такими сложными и в то же время интересными темами, как слияние веток, решение конфликтов и сравнение версий…
🗺️ Как составить план развития
В Академии обучение проходят разработчики разного уровня: от новичков до мидлов, которые хотят стать сеньорами. Каждый из них со временем задаётся вопросом — а что делать дальше? Когда уже есть багаж профессиональных навыков, нужно определиться с планом развития, чтобы получить работу мечты или получать больше денег.
Мы поговорили с нашим HR и собрали в статье полезные советы, чтобы вы могли составить собственный план развития.
Читать статью
В Академии обучение проходят разработчики разного уровня: от новичков до мидлов, которые хотят стать сеньорами. Каждый из них со временем задаётся вопросом — а что делать дальше? Когда уже есть багаж профессиональных навыков, нужно определиться с планом развития, чтобы получить работу мечты или получать больше денег.
Мы поговорили с нашим HR и собрали в статье полезные советы, чтобы вы могли составить собственный план развития.
Читать статью
HTML Academy
Как составить план развития: неочевидные советы
Как расти по плану, а без плана не расти.
«Джун или не джун?» — вот в чём вопрос.
Рассказали, как можно определить джун перед вами или уже мидл, и что отличает от них сеньоров.
Рассказали, как можно определить джун перед вами или уже мидл, и что отличает от них сеньоров.
HTML Academy
Джун, мидл, сеньор. В чём разница
Пройдите тест и узнайте свой уровень.
Задача на знание гита
Что произойдёт, если разработчики изменят одинаковый файл и сделают `
Ситуация: Игорь и Алиса изменили файл `
Что произойдёт, если разработчики изменят одинаковый файл и сделают `
push`?Ситуация: Игорь и Алиса изменили файл `
index.html`, сделали коммит с изменениями и запушили его. Игорь оказался быстрее Алисы и сделал `push` первым.