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

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

20191 @seniorFront
Открыть

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

  • Senior Frontend - javascript, html, css

    Facial Recognition В этом видео создаются элемент и его псевдо элемент с двумя разными картинками в CSS background. Затем анимируется CSS свойство height псевдо элемента. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Curtain Reveal Menu Оригинальный эффект раскрытия меню, созданный при помощи CSS transition. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Super Header Slider В JS создана логика, которая изменяет ширину элемента в зависимости от положения курсора пользователя. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

    «Работаю давно и хорошо выполняю задачи — я всё ещё джун или уже мидл?» А если джун, что нужно, чтобы вырасти? Знакомо? Middle frontend-разработчик VK Лиза Добрянская тоже однажды столкнулась с такой ситуацией. Но смогла пройти этот этап и теперь делится 5-ю шагами, которые помогут и вам прокачаться и уверенно назвать себя мидлом. 👉Смотреть видео Советам Лизы можно начать следовать с изучения фишек, которые сильно облегчат работу. Например, освоив source maps — автогенерируемые файлы, которые создаются при разных модификациях JS и CSS-файлов и помогают значительно быстрее отлаживать свой код в браузере. 👉Изучить source maps Ну а если вы чувствуете, что видеороликами в интернете вам не обойтись, и нужна поддержка опытных наставников — приходите быстро расти на курс frontend от karpovꓸcourses. Там вы освоите best practices индустрии, наконец-то поймёте как работает весь веб и научитесь создавать масштабные продукты уровня топовых международных компаний — всё под руководством тилидов с опытом работы в Яндексе, Вконтакте и Telegram Open Network. По промокоду FRONTENDS18 для вас действует скидка 10%.
    Как прокачаться от джуна до мидла: 5 шагов | karpov.courses dev

    Курс Frontend: https://bit.ly/3KL2lga Многие джуны в какой-то момент сталкиваются с тем, что не могут определить свой уровень. «Работаю давно и хорошо выполняю задачи — я всё ещё джун или уже мидл?» А если джун, что нужно, чтобы вырасти? Знакомо? Middle frontend-разработчик VK Лиза Добрянская тоже однажды столкнулась с такой ситуацией. В этом видео Лиза поделится 5-ю советами, которые помогут прокачаться и уверенно назвать себя мидлом. Смотрите, чтобы узнать больше: https://youtu.be/pM9T0-lkwiU Материалы для изучения из видео: 1. Дока - понятная документация для разработчиков от разработчиков http://doka.guide 2. Электронный учебник по JavaScript http://learn.javascript.ru 3. Популярные библиотеки (фреймворки) для фронтенд-приложений: https://reactjs.org (продукт запрещенной в РФ организации Meta), https://vuejs.org , https://angular.io , https://svelte.dev 4. Пост про концепцию Mobile First в Telegram https://t.me/makingweb/141 5. Документация про DevTools Perfomance в Chrome https://developer.chrome.com/docs/devtools/performance/ 6. Видео на нашем канале про оптимизацию загрузки https://www.youtube.com/watch?v=uulGYttwldo 7. Инструмент для разработки SSR проектов https://nextjs.org Тайм-коды: 00:00 О чем это видео 00:51 Шаг 1. Особенности языка и библиотеки 02:50 Шаг 2. Продвинутая работа со стилями и вёрсткой 05:26 Шаг 3. Обеспечение качества продукта 07:37 Шаг 4. Самостоятельное ведение проекта или его части 08:34 Почему важно не бояться брать сложные задачи 09:19 Шаг 5. Новые технологии и другой релевантный опыт 11:06 Заключение

    YouTube

  • Senior Frontend - javascript, html, css

    ​Учи код правильно! Банальные но рабочие советы. Создание плана обучения Разработайте список тем, которые вы хотите изучить, и сформулируйте цели, которые хотите достичь. Это поможет вам сосредоточиться на ключевых областях и следить за прогрессом. Работа над проектами Начните с маленьких проектов и постепенно увеличивайте сложность, чтобы применять изученные навыки и совершенствовать их. Код-ревью Найдите напарника или наймите репетитора, с которым вы можете делиться своим кодом и получать обратную связь. Это поможет вам избежать ошибок и улучшить качество кода. Участие в сообществе: Участвуйте в сообществе программистов на форумах, социальных сетях, конференциях и митапах, чтобы получать поддержку и вдохновение от других людей, которые идут той же дорогой. Практика решения задач Решайте задачи и упражнения, чтобы практиковать и закрепить навыки. Есть множество онлайн-ресурсов, таких как LeetCode, HackerRank и CodeWars, где вы можете найти множество задач для отработки. Делайте перерывы Не забывайте отдыхать, особенно если вы чувствуете утомление или раздражение. Регулярные перерывы помогут вам обновить мысли и сохранять вашу концентрацию. Попробуйте заниматься активностями, которые вам нравятся, такими как спорт, чтение , чтобы отдохнуть и вернуться к работе с новыми силами. Компьютерные игры — это не отдых, если что. Учиться на ошибках Не бойтесь делать ошибки, каждая ошибка является уникальной возможностью узнать что-то новое. Научитесь извлекать пользу из ошибок, анализируя их причины и изучая их как важный инструмент роста и развития. Обновляйте свои навыки Индустрия и технологии постоянно развиваются, поэтому необходимо обновлять свои знания и навыки, чтобы оставаться актуальным и конкурентоспособным. Вы можете изучить новые языки программирования, фреймворки или инструменты, а также читать статьи и блоги, чтобы следить за новостями и трендами в индустрии. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Web Сделано на чистом js и canvas. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Принципы, лежащие в основе алгоритмов и структур данных, всегда актуальны для любого стека технологий. Если вы уверенно владеете одним из языков программирования: C++, Python, Java, Go, JavaScript или C#, вам подойдет курс Яндекс Практикума «Алгоритмы и структуры данных». Мы поможем вам разложить все по полочкам, научим писать более чистый код, видеть разные варианты решения задачи и сравнивать их по эффективности, а ещё вы: • разберётесь в основных алгоритмах; • узнаете, как устроены структуры данных и когда какие применять; • научитесь тестировать свой код и доказывать его корректность. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Познакомьтесь с профессией и протестируйте формат бесплатно: ​​https://practicum.yandex.ru/algorithms/

  • Senior Frontend - javascript, html, css

    Cпособы форматирования даты Во всех браузерах, кроме IE10-, поддерживается стандарт Ecma 402, который добавляет специальные методы для форматирования дат. Это делается вызовом date.toLocaleString(локаль, опции), в котором можно задать много настроек. Он позволяет указать, какие параметры даты нужно вывести, и ряд настроек вывода, после чего интерпретатор сам сформирует строку. Пример с почти всеми параметрами даты и русским, затем английским (США) форматированием: 
     var date = new Date(2014, 11, 31, 12, 30, 0);
 var options = {
   era: 'long',
   year: 'numeric',
   month: 'long',
   day: 'numeric',
   weekday: 'long',
   timezone: 'UTC',
   hour: 'numeric',
   minute: 'numeric',
   second: 'numeric'
 };

 alert( date.toLocaleString("ru", options) ); 
 // среда, 31 декабря 2014 г. н.э. 12:30:00

 alert( date.toLocaleString("en-US", options) );
 // Wednesday, December 31, 2014 Anno Domini 12:30:00 PM
    👉 @seniorFront

  • Senior Frontend - javascript, html, css

    VoCSSels - Easily create 3D CSS & HTML Voxel Models Это JS приложение, которое используется библиотеку dom-to-image для создания картинок. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Деление чисел 2520 - самое маленькое число, которое может быть разделено без остатка числами от 1 до 10. Напишите функцию smallest(n), которая будет находить самое меньшее число, которое будет делиться на n. (n <= 40). Примеры: smallest(5) == 60 smallest(10) == 2520 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Circular Battery Meter Индикатор - это svg картинка, к которой задаются стили через JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Fullscreen Website Slider В этом видео создается полноэкранный слайдер на чистом CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    CSS only order process steps Создано без использования JS. Каждый шаг - это радио кнопка, при активации которой задаются определенные стили. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Falling Words Создано на canvas при помощи библиотеки matter.js. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

  • Реклама

  • Senior Frontend - javascript, html, css

    Navigation Bar В этом видео создается анимированное навигационное меню на HTML, CSS и JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Для работы в международной команде базового английского может не хватить. Держите 5 советов, которые помогут подготовиться к общению с иностранными коллегами. Если хотите подтянуть язык для работы в IT — попробуйте Яндекс Практикум. Они запустили курсы специально для разработчиков, аналитиков и продакт-менеджеров. В основе обучения — занятия с личным преподавателем, дополнительно вас ждёт разговорная практика с иностранными IT-специалистами. Они помогут освоить язык на примере собеседований, стендапов, ревью и других рабочих встреч. Будет проще пройти реальное англоязычное собеседование, если вы уже тренировали его на занятиях. Записывайтесь на бесплатную консультацию к куратору. Он определит ваш уровень языка и расскажет о курсе.

  • Senior Frontend - javascript, html, css

    ​Зарплата программистов в разных странах Разница в зарплате программистов в разных странах существенно различается. Например, в США годовая зарплата программистов может достигать до 120 000 долларов, в то время как в Индии около 20 000 долларов. Это происходит из-за того, что зарплата напрямую зависит от индустрии страны, а также от других факторов, таких как образование, местная экономика, уровень труда и т.д. В среднем больше всего разработчикам платят в США, Швейцарии и Израиле. Заработные платы у программистов из Украины, РФ и Белоруссии, по сравнению с Европой и США, небольшие. Итак, средний размер зарплат в странах СНГ: 1. Умелые программисты из России могут устроиться в компанию на оклад от 1.500$ долларов до 2.000$. 2. Разработчики из Украины и Белоруссии имеют одинаковую зарплату. В компаниях им платят от 1.000$ до 1.500$. Обращаем ваше внимание на то, что это средние показатели зарплат. Естественно, есть специалисты, которым платят и по 3.000$, и по 500$ в месяц. Все зависит от того, какими навыками вы обладаете. И в какую компанию вам удастся устроиться. Зарплата программиста в Беларуси, в Казахстане, Российской Федерации намного ниже, чем в США. Ключевые факторы – развитие экономики, использование современных технологий и инструментов, конкурентоспособность. Российские специалисты, которые работают в отечественных компаниях, много заработать не могут. В общем, зарплата программистов в разных странах может значительно отличаться друг от друга, и для получения максимальной выгоды стоит рассмотреть работу за рубежом. 👉 @seniorFront