Senior Frontend - javascript, html, css

2021-03-13 19:09:00 Кнопка

Анимированная кнопка для загрузки файлов. Иконка внутри кнопка является SVG картинкой. Открыть/Комментировать

2021-03-13 12:06:00 Определяем неиспользуемые CSS-селекторы.

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

Существует несколько решений проблемы.

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

2. PurifyCSS Online
Позволяет провести анализ на основе множества ссылок

3. PurgeCSS
Это ещё один проект, который направлен на борьбу с неиспользуемым CSS. Открыть/Комментировать

2021-03-12 19:06:00 Открыть/Комментировать

2021-03-12 16:02:00 Колба

Сделана с использованием HTML и CSS. Пузырьки, вырывающиеся из колбы анимированы с помощью CSS keyframes. Открыть/Комментировать

2021-03-12 12:00:33 Профессия fullstack-разработчик входит в ТОП-3 самых востребованных языков по данным Lucky Hunter. Ты можешь освоить эту профессию, даже если никогда раньше не программировал на курсе от Skillbox.

Ты изучишь JS, HTML, CSS и станешь прокаченным frontend-hero. А язык для backend-разработки можешь выбрать сам — классический PHP или топовые Python и JavaScript.

Тебя ждут онлайн-лекции и очень много практики. К концу курса ты сверстаешь лендинг, разработаешь социальную сеть, интернет-магазин и настроишь интеграцию с Reddit. После обучения мы поможем тебе с трудоустройством!

Переходи на сайт https://clc.am/nXSiRA, чтобы узнать больше и записаться. Открыть/Комментировать

2021-03-11 21:02:00 Приложение-ридер

Автор создал приложение без использования фреймворков на JS, для создания анимаций использовал библиотеку GSAP Открыть/Комментировать

2021-03-11 17:00:16 Задумываешься покинуть кресло программиста?

Я так сделал однажды — и сейчас у меня своя IT-компания Sloboda Studio и еще нескольких международных бизнесов.

Да, не все так просто, как рассказывают, но возможно. На канале @obodpavel пишу про свой путь, куда инвестирую, свои удачные и не очень кейсы. Честно, с цифрами и по фактам.

Вот, например, несколько интересных материалов:

• Почему не стоит рассчитывать на государственную пенсию
• Три главных критерия, по которым отбираю себе сотрудников
• Как потерял $50 000 на неудачных направлениях
• Как заработал на своей свадьбе $3 000 (спойлер: не подарки гостей) Открыть/Комментировать

2021-03-11 12:07:00 BigInt в JavaScript (ES11)

В JavaScript для работы с числами до недавнего времени использовался 64-битный формат IEEE-754, однако данные числа ограничены по длине (2 в степени 53).

Пример:
let num = Number.MAX_SAFE_INTEGER
console.log(num) // 9007199254740991
num + 1 // 9007199254740992
num + 2 // 9007199254740992 ???

BigInt это примитивный тип, который предназначен решить даную проблему. Для того, чтобы получить BigInt можно воспользоваться двумя способами:

1. Передать в число в BigInt конструктор;

2. Дописать n в конце числа;

typeof 99 // ‘number’
typeof 99n // ‘bigint’

Решим выше рассмотренный пример с использованием нового типа:
let bigInt = BigIng(num) + BigIng(2)
console.log(bigInt) // 9007199254740993n Открыть/Комментировать