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

Animating Slider Values Оригинальный загрузчик, состоящий из слайдеров, анимированных при помощи библиотеки gsap. 👉 @seniorFront

Грехи программиста Лень Отсутствие желания что-либо делать, тоскливые взгляды, брошенные на график GitHub. Порой становится некогда оттачивать скилы, готовиться к новым собеседованиям и искать решения для «застойных» проблем. Гордыня Вы гордитесь тем, что пофиксили код, устроились на работу, закончили проект. Это сразу побуждает кичиться своими достижениями в соцсетях и чатах. Зависть Видеть, как хорошо справляются другие, и при этом быть не в состоянии написать хоть что-то, – настоящий ужас. Подстегивает и страх опозориться – да не перед кем-нибудь, а перед самим собой! Жадность Вам рассказывали, что программисты купаются в золоте, а вместо туалетной бумаги используют банкноты? Если это ваша единственная цель - вы пролетаете.Чтобы добиться хорошей зарплаты, нужно очень много вкалывать. Гнев Держать себя в руках сложно, особенно когда сыплются краш за крашем, а очевидных причин тому никаких. Иногда нужно перелопатить весь код, чтобы понять, где затаилась ошибка.

Всем привет! Ребята создали чат-бота, который рассылает релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай предложения отобранные по твоим предпочтениям @MasterHuBot

Starfield Animation Все элементы сцены создаются в js, а затем анимируются при помощи библиотеки web-animations. 👉 @seniorFront

❓ Хотите повысить производительность своих программ? 💪 Усильте свои фундаментальные навыки программирования с помощью открытого урока «Алгоритм Дейкстры для поиска кратчайшего пути во взвешенном графе.» ✅ На занятии с Евгением Волосатовым, экспертом с 20-летним опытом программирования поговорим об алгоритмы Дейкстры. 📌 Проведем обзор второй половины онлайн-курса «Алгоритмы и структуры данных» от OTUS. Demo-занятие пройдет в рамках этого курса и позволит познакомиться с преподавателем. 👉 Для регистрации пройдите вступительное тест https://otus.pw/ZsSqA/

👉 @seniorFront

Conic Gradient Эффект появления реализован при помощи css свойства mask, значение которого изменяется в JS. 👉 @seniorFront

Tree to list Вам дано дерево. Преобразуйте это дерево в список, проходя по дереву сверху вниз слева на право. Пример: 1 / 2 3 -> [1,2,3,4,5,6,7] /| 4 5 6 7 👉 @seniorFront

Candy Clicker При нажатии на кнопку в JS создаются и анимируются частицы. 👉 @seniorFront

XML XML (Extensible Markup Language) — расширяемый язык разметки. По структуре напоминает HTML. XML отличается тем, что теги для разметки разработчик должен определять самостоятельно. Используется для передачи данных между приложениями по аналогии с JSON. Как пишется Строка с которой может начинаться любой XML-документ — это пролог, который обозначает, с какой версией документа мы работаем. Пролог содержит версию и кодировку, которая используется У XML-документа обязательно должен быть один корневой элемент, который будет родительским для остальных элементов. В примере ниже <root> является корневым элементом: <?xml version="1.0" encoding="UTF-8"?> <root> <tree> <leaf>Тут лежит листик</leaf> <leaf>Тут лежит листик</leaf> </tree> </root> 👉 @seniorFront

Colorful Glowing Liquid Bowl В этом видео автор создает светящиеся анимированные колбы. Эффект свечения создается при помощи CSS свойства filter. Анимации реализованы в CSS. 👉 @seniorFront

Expanding Columns При загрузке страницы запускается множество CSS анимаций 👉 @seniorFront

Яндекс Практикум запускает бесплатный курс по алгоритмическим собеседованиям. Поможем студентам подготовиться к таким интервью, чтобы устроиться на работу в крупные IT-компании. Уроки сделаны на основе нашего курса «Алгоритмы и структуры данных»‎, но здесь полностью бесплатны. Курс будет полезен тем, кто знаком с алгоритмами, и тем, кто только планирует их изучать: → знатоки смогут применить умения на практике; → новички смогут сориентироваться и понять, на что стоит обратить внимание. На курсе студенты: — узнают, как проходят собеседования и как к ним готовиться; — научатся отвечать на неочевидные вопросы; — пройдут тесты на знание алгоритмов и структур данных; — решат практические задачи с реальных собеседований. Авторы курса — опытные разработчики, которые прошли, провели и оценили не одну сотню алгоритмических интервью. Они собрали всю нужную информацию об алгоритмических собеседованиях в одном месте и на русском языке. Начинайте готовиться вместе с Практикумом с 15 апреля.

Pure CSS Card UI Необычный экспериментальный дизайн карточки, созданный с использованием препроцессоров Haml и SCSS. 👉 @seniorFront

В IT-сфере без знания английского делать нечего: ⤷ Вся документация для всех языков программирования составляется на английском языке. Зачем? Чтобы её все понимали! ⤷ Шансов найти решение на английском значительно больше, чем искать его на родном языке. Это знают все опытные разработчики. ⤷ Рынок труда огромен и постоянно нуждается в новых кадрах. Особенно знающих английский язык. Если ты рассчитываешь стать профессионалом, то без знания английского тебе не обойтись. А в этом поможет канал «Английский для программиста» Качественно, практично и наглядно! Короче, подписывайся и развивай свой английский с @english_easily

YAML YAML (YAML Ain't Markup Language или Yet Another Markup Language) — человекопонятный язык для хранения структурированной информации. Используется для написания конфигов, чтобы стартовать проект, проверять тесты и для линтеров. Расширение файла может быть .yaml или .yml — это всё YAML. Как пишется bestCatConfiguration: # TODO: Вписать имя своего питомца name: "insertYourCatName" # Тут пример комментария isFluffy: true sounds: - "mur" - "pur" - "miau" paws: 4 lunchTime: 9.99 В качестве отступов используются пробелы. Табы не допускаются, потому что иерархия в файле обозначается двойным пробелом. Поэтому лучше настроить себе линтер на проверку и правку. Пара похожа на JSON и работает по принципу ключ-значение. Определяем ключ и разделяем его со значением символом :. После двоеточия следует значение. 👉 @seniorFront

Quick CSS Animation Effects В этом коротком видео автор создает несколько элементов, у которых анимирует CSS свойство transform. 👉 @seniorFront

Doggos Небольшой проект на React и react-query с галереей фотографий собакенов. 👉 @seniorFront