Обложка канала

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

20191 @seniorFront
Открыть

Senior Front - канал для front-end программистов, здесь есть много всего про CSS3, Javascript, Html5, Angular, React, видео / статьи / курсы

  • Senior Frontend - javascript, html, css

    GSAP Rolodex Menu Создано при помощи библиотеки gsap и плагинов Draggable и InertialPlugin. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    Animation Effects В этом видео создаются CSS анимации градиентного фона и зеркальное отражение при помощи CSS свойства -webkit-box-reflect. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

    CSS vertical carousel animation Создано при помощи препроцессоров Haml и SCSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Любишь фронтенд, но он не любит тебя? Подписывайся на Гурыч Фронт и получай простые решения в ответ на сложные вопросы: - Как стать успешным фронтенд разработчиком? - Что изучать в 2023 году и в каком порядке? - Как выгодно преподнести себя на собеседовании? У нас есть практические задачки и вопросы из реальных собеседований, которые помогут тебе углубить свои знания в HTML, CSS, JavaScript, React и других фронтенд технологиях. Обязательно подпишись!

  • Senior Frontend - javascript, html, css

    Night Drive Создано на JS с использованием обширных возможностей библиотеки THREE.js 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Почему многие программисты не развиваются? Недавний пост про чтение книг был некоторыми воспринят очень буквально. Очевидно теми, кто его не прочитал (хотя он совсем короткий). Разберем некоторые возражения. 1. “Нет даже корреляции между кол-вом прочитанного и зарплатой” Это говорят люди, которые, вероятно, все в жизни делают ради денег. Но даже в этом случае заявление неверное. Мы отталкиваемся от того, что человек понимает прочитанное и старается это использовать в работе. В любой уважающей себя компании таких людей замечают и стараются удержать, повышая зарплату. У меня нет результатов исследований на тему корреляции знаний/навыков и зарплаты, но я думаю что она существенна. 2. “Чтение ради чтения это глупость“ Такой же аргументацией можно ударить по чему угодно. Бег ради бега? Сон ради сна? Брокколи ради брокколи? Я с трудом могу себе представить человека, который читает книги только ради чтения книг. Конечно же читают ради получения новых знаний, ради эмоций, ради лучшего понимания мира вокруг нас. 3. “Советовать всем “инженерам” одно и тоже очень глупо.” Замените чтение “постоянным развитием”. Почему многие программисты не развиваются? Невозможно развиваться, все время участвуя в похожих проектах, решая похожие задачи и не делая попыток добиться глубокого понимания используемых технологий. Для многих это, видимо, ОК. Но ребята, жизнь идет, а вы стоите на месте. Я призываю проснуться утром и подумать об этом. Хотя бы раз. Глубоко. Развитие — это же очень интересно, это такой постоянный hard fun. У меня есть список советов (которые все воспринимают как нравоучения и все равно не слушают): - В следующий раз, стартуя node.js, попробуйте разобраться как устроен V8 - Имплементируя новую юзер стори, попробуйте понять, зачем она клиенту на самом деле? - Открывая в браузере онлайнер, задумайтесь, как работает HTTPS - В очередной раз ошибившись в оценке задачи, подумайте, почему это произошло? - Ответьте сами себе на вопрос, на сколько вы знаете Java по десятибальной системе? Почему не на 9? - Используя singleton, вы точно подумали о тестировании вашего когда? - Вы когда-то проектировали API системы? - Вы когда-то пробовали решить проблему средствами ФП? Если нет, то почему? 👉 @seniorFront
    Senior Frontend - javascript, html, css

    ​Почему многие программисты не читают книг? Есть три типичных анти-паттерна: 1. Не читает вообще. Ну там статьи кусочками или блог посты в основном по тем темам, которые нужны по работе. 2. Читает только книги по технологиям. Например ASP.NET MVC или там jQuery in Action. И дальше тишина. Книги по технологиям, конечно, полезны, но это скорее справочники, которые читать в целом не обязательно. Почему не пойти дальше? Не понятно. 3. Читал первые 1–3 года карьеры, а потом перестал. Тут обычно попадается какой-нить Рихтер, опять же технологии, и если повезет пару более фундаментальных книг типа Фаулера. Чего остановился? Все уже узнал? Ничего больше интересного в мире нет? Все это плохо. Конечно же, обычно люди из этих трех категорий имеют узкий взгляд на вещи, не способы решать более-менее сложные задачи, не знают ФП, не способны вести связную дискуссию по основным проблемам разработки ПО. Нужно развиваться. И книги — один из лучших способов расширить кругозор, узнать что-то новое, построить в голове модель…

    Telegram

  • Senior Frontend - javascript, html, css

    Star Button Анимация мигания звёзд реализована в SCSS, а сложная анимация кнопки создана при помощи библиотеки gsap. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    ​Создание массива из большого количества повторяющихся элементов Есть несколько разных способов для создания массива с котиками. Допустим, нам нужно завести котиков в 100 комнат, по одному на комнату, как это сделать? Можно выделить место (память) для котиков, а потом заселить туда котиков: 
     Array(100).fill("😸")  // Чуть более функциональный стиль
    Также мы можем выделить 100 комнат, а потом пройти в каждую и руками туда посадить кота. Массив можно создать с помощью деструктуризации [...]. 
     [...Array(100)].map(() => "😸")
    Также можно создать массив с помощью функции Array.from, указав способ обработки каждого элемента. 
     Array.from(Array(100), () => "😸")
    В Array.from также можно передать array-like структуру данных, для этого нам нужно передать поле length. 
     Array.from({ length: 100}, () => '😸')
    Можно создать пустой массив, создать цикл и поселить в каждую комнату по её индексу по коту. 
     const arr = []
 for(let i=0; i<100;i++){
     arr[i] = "😸" // Чуть более императивный стиль
 }
    Также можно пушить элементы в конец массива, это будет работать быстрее на большом количестве элементов. const arr = [] for(let i=0; i<100;i++){ arr.push("😸") } 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Прекрати мечтать и стань мидлом за 50 дней Опытные Frontend-разработчики создали несколько бесплатных каналов, в которых регулярно выходят топовые посты для начинающих. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. JavaScript тесты — канал с тестами и задачами, который прокачает твои навыки во Frontend-разработке. CSS доширак — готовые анимации, hover-эффекты и прелоадеры, которые можно вставить в свой проект и настроить пока заваривается Доширак. Войти в IT — канал с видеуроками и курсами, который научит тебя кодить с нуля за месяц. Развивайся с нами, ведь так проще!

  • Senior Frontend - javascript, html, css

    Pure horizontal slider with sliding menu Вёрстка реализована на HTML и SCSS. Логика раскрытия меню и карточек реализована в JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Четные, умноженные на последний Вам дан массив чисел. Напишите функцию, которая вернет сумму чисел с четными индексами умноженные на число с последним индексом. Пример: evenLast([2, 3, 4, 5]) => 30 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Camera lens focus Range Sliders Это Svg картинка, логика наложения фильтров реализована в JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    CSS 3D Glowing Checkbox Buttons В этом видео создаются кастомные чекбоксы в HTML и CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    HolyJS в поисках спикеров! На конференции HolyJS открыт CFP — Call for papers. И нет, это не «звонок для бумаги». Это ребята ищут спикеров, которые хотят выступить на конференции. Если вы эксперт в JavaScript-разработке и хотите поделиться знаниями или интересным кейсом компании, подавайте заявку на выступление. Расскажите о графике и анимациях, языках, бэкенде, инструментах разработки, UI-разработке и soft skills. Полный список тем — на сайте. Не стесняйтесь предлагать свои. Вы можете выступить онлайн или офлайн и выбрать любой формат выступления — доклад, воркшоп, интервью, обсуждение, BoF-сессию или придумать что-то свое. На этапе подачи заявки подойдут даже примерные тезисы, необязательно иметь уже готовый доклад. После отправки заявки Программный комитет поможет доформулировать идею и превратить ее в доклад. А персональный куратор пройдет с вами весь путь — от идеи до продакшена: сделает ревью, поможет с доработкой, проведет репетиции и даст рекомендации по выступлению. Подавайте заявки до 25 июля.

  • Реклама

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    Movie card with hover effect Вёрстка карточки на HTML и SCSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Любишь ходить на митапы? Есть пиццу 🍕, общаться и обмениваться опытом с коллегами? Или предпочитаешь развиваться и узнавать новое сидя дома у 🖥? Давай к нам! На канале Митапочная мы публикуем анонсы предстоящих бесплатных онлайн и офлайн мероприятий по IT тематике!