Senior Frontend - javascript, html, css. Страница 51

​Правила «идеального программиста» Старайся стремиться к профессионализму Профессионал это человек, который знает свою предметную область намного лучше, чем его окружение. Но это не единственный критерий. Настоящий профессионал не боится брать на себя ответственность за проделанную работу и отвечать за нее на протяжении всего процесса эксплуатации. Так что термин профессионал должен раскрываться как «ответственный знаток конкретной предметной области» Цени время Время — то, чего всегда не хватает в нашей профессии. Мы привыкли работать с раннего утра, до поздней ночи, с середины дня, до вечера и еще множество комбинаций из различных временных диапазонов. Если нет распорядка дня, то вы постоянно будете находиться под давлением от выработанного стресса или других проблем. Научись говорить НЕТ Пример, знакомый каждому: середина недели, к Вам подходит начальник и намекает на то, что функционал должен появиться в приложении к концу недели. По неопытности многие из нас ответили бы «Будет готово», но этот ответ неверный. Выходом из данной ситуации будет разговор с «торгами», в процессе которого, вы должны объяснить нюансы своей работы и дать время на более детальное рассмотрение задания, чтобы вынести свой вердикт по времени его исполнения. Научись говорить ДА Во-первых, это большая ответственность, сказать да. Во-вторых, при принятии решения необходимо время. Можно задать себе следующие вопросы: Это срочно? Это важно? Это зависит от другого человека? Первые 2 вопроса нужны для определения важности дела. Третий вопрос позволяет добавить в конечный ответ обещание либо с конечной целью, либо с обещанием действия для достижения этой цели. В любом случае говорить да легче, чем нет, но этот ответ должен быть с чётким пониманием и готовностью взять на себя ответственность. 👉 @seniorFront

iPadOS PIN code buttons with cursor Создано при помощи препроцессоров Pug и Stylus. 👉 @seniorFront

👉 @seniorFront

​Идея для лета — нырнуть в Data Science с головой Станьте специалистом по Data Science и приручите алгоритмы под свои амбициозные цели: от решения бизнес-задач до развития медицинских технологий. На курсе Яндекс Практикума вы можете за 8 месяцев изучить Python, SQL, машинное обучение и визуализацию данных — необходимый минимум для работы младшим специалистом. Пять «П» — преимущества обучения в Практикуме: — Помощь с трудоустройством: 78% выпускников находят работу в течение 4 месяцев после окончания курса. — Портфолио: 16 проектов на основе реальных задач бизнеса и диплом о профессиональной переподготовке. — Поддержка: преподаватели, наставники, кураторы и ревьюры помогают пройти обучение. — Подходящий формат: можете заниматься из любой точки мира когда вам удобно. — Практика: курс на 75% состоит из задач в онлайн-тренажёре и учебных проектов. → Старт потока — 21 июля. Оплачивать учёбу можно помесячно, от 6 090 ₽/мес, или 112 000 ₽ сразу. Начните учиться бесплатно и решите, подходит ли вам роль специалиста по Data Science. → Попробуйте курс бесплатно

Modal Button Animation React компонент в виде кнопки с модальным окном, анимированный в CSS. 👉 @seniorFront

Line Safari : Point distance from a line Вам даны 3 точки - а, b, c. Найдите минимальное расстояние от точки c до линии, проходящей через a и b. c b a 👉 @seniorFront

Paper Google Map Создано и анимировано с использованием библиотеки THREE.js 👉 @seniorFront

<output> Тег <output> позволяет выводить результаты вычислений или действий пользователя. Относится к элементам семантической вёрстки. Пример <form> <p>Для скольких людей надо приготовить яичницу:</p> <input type="number" name="peoples" oninput="eggs.value = (parseInt(peoples.value) * 2)"> <p>Необходимое количество яиц:</p> <output name="eggs"></output> </form> Элемент <output> используется в тех случаях, когда пользователю надо показать результат работы программы в реальном времени, например: - информация, которую пользователь вводит или изменяет в форме; - вывод расчётов по данным, которые указал пользователь (калькулятор, гороскоп и тому подобное). 👉 @seniorFront

Custom Shape Button В этом видео автор создает кнопки с нестандартными формами при помощи CSS clip-path. 👉 @seniorFront

Flat Camera Icon Иконка с бесконечными CSS анимациями, реализованная в HTML и CSS. 👉 @seniorFront

Image carousel Логика работы слайдера реализована в чистом JS, стилизовано и анимировано в CSS. 👉 @seniorFront

✨Сделайте первый шаг к карьере фронтенд-разработчика! Приходите 21 июля в 20:00 мск на открытый урок «Функции и условия» в OTUS. 🔥На занятии посмотрим, как делать повторяющие действия удобными и переиспользуемыми, разберем ситуации, в которых это может быть полезно. Вебинар пройдет в рамках буткемпа «Frontend Developer» для всех, кто хочет с нуля и за короткое время освоить профессию разработчика Junior уровня. ⚡️Регистрация на мероприятие: https://otus.pw/sAIN/

Форматирование больших чисел в JavaScript Допустим, мы хотим показать три миллиона, 3000000. Оно не очень читаемо и вам придется вглядеться, чтобы узнать, какое точно это число. Для того чтобы удобно отформатировать число в JS можно использовать объект Intl. NumberFormat. Число будет отформатировано в соответствии с локальными настройками пользователей. В Норвегии numberTodisplay составляет 3 000 000. В то время как «en-us» будет 3 000 000 и «de-de», это 3.000.000. 👉 @seniorFront

Dashboard Sidebar Menu В этом видео автор создает навигационное меню на HTML и CSS. Логика открытия и закрытия реализована в JS. 👉 @seniorFront

Нашли монстров, которые крадут ваше время, и поможем их одолеть знанием и подарками. Вот вы говорите: «Опять времени не хватает!» Может, это потому, что его кто-то похищает? Узнайте, что за монстры крадут ваше время, посмотрите им в глаза и узнайте, как Практикум поможет с ними справиться. Практикум — сервис онлайн-образования, где учат востребованным профессиям. У каждого курса есть чёткая программа, чтобы заранее знать, сколько времени закладывать на учёбу. Оплатите любой курс с 11 по 31 июля и выберите подарок, который поможет найти время и на учёбу, и на себя. Давайте этих монстров сюда!

Tooltip animation Анимированный тултип из svg картинок, созданный на HTML и SCSS. 👉 @seniorFront

RoboCat Создано на canvas и чистом JS. 👉 @seniorFront

​Пять причин начать делиться экспертизой У многих в IT-сфере есть внутренняя потребность делиться своей экспертизой с внешним миром. Любая работа над материалом похожа скорее на марафон, чем на спринт, поэтому без самомотивации его сложно выдержать. Захотеть и начать делиться опытом никогда не поздно: это взаимовыгодный процесс как для аудитории, так и для спикера или автора статьи, а вместе с ними и для DevRel отдела. Вот пять основных причин, почему делиться знаниями лучше, чем не делиться. 1. Работа над собственной экспертизой Каждый наверняка хоть раз брался объяснить коллеге, другу, сокурснику какую-нибудь тему или показать решение задачи. Если да, то скорее всего вы отметили: когда объясняешь что-то другому, сам понимаешь тему лучше. Подготовка статьи или доклада работает точно так же. Вы структурируете имеющиеся знания, заполняете пробелы в процессе доработки. 2. Улучшение софт скиллов Про софт скиллы сейчас не говорит только ленивый. Я подчеркну лишь один момент: есть прямая корреляция между уровнем профессиональной реализации и уровнем коммуникационных навыков. Чем лучше вы взаимодействуете с людьми, тем вы более ценный кадр. 3. Обратная связь Культура фидбека — еще одна актуальная вещь, о которой говорят наравне с софт скиллами. В IT существует очень активное коммьюнити, контакт с которым просто необходим для профессионального роста. 4. Ваш имидж и стоимость на рынке Когда вы делитесь своими знаниями, вы создаете свою репутацию эксперта и заявляете о себе как о профессионале в коммьюнити и на рынке. Это, очевидно, поднимает вашу стоимость как сотрудника и ценность как специалиста. 5. Борьба с выгоранием Не самый очевидный пункт, но с моей точки зрения, самый важный. Процесс передачи знаний другим людям — это крутой и мощный инструмент против профессионального выгорания. Периодически переключаясь на такую деятельность, вы помогаете себе не забывать, что вы хороший спец, делаете важное дело и ваш опыт действительно полезен другим людям. 👉 @seniorFront