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

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

20191 @seniorFront

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

  • Senior Frontend - javascript, html, css

    Только до конца месяца дарим 3 курса по IT за 0 рублей вместо 23 500! У тебя всегда 💡 много возможностей. Брать их или нет - решать тебе. Забирать свой пак можно тут 👌
  • Senior Frontend - javascript, html, css

    Trimming a string Создайте функцию, которая принимает два параметра - строку и число. Эта функция должна обрезать строку по указанное количество символов и поставить многоточие. Пример: trim("Creating kata is fun", 14) => "Creating ka..." trim("He", 1) => "H..." trim("Code Wars is pretty rad", 50) => "Code Wars is pretty rad" 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Illuminate Your Mind В JS создана логика, которая задается значения для CSS переменных, зависящие от положения курсора. 👉 @seniorFront
  • Реклама

  • Senior Frontend - javascript, html, css

    Animated Login and Registration В этом видео создаются и анимируются формы входа и регистрации. В JS реализуется логика переключения между формами при нажатии на кнопки. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    Site Scroll Micro Animation Сверстано и анимировано с использованием препроцессоров Pug и SCSS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Ring Prepulsion Создано на canvas и JS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    😎Освой продвинутые инструменты фронтенда — изучи React! 6 февраля в 20:00 мск пройдет открытый урок «Хуки и мемоизация» в рамках онлайн-курса «React.js Developer» OTUS. На занятии мы научимся эффективно использовать возможности React.js и избегать лишних рендеров. Занятие будет полезно frontend JavaScript разработчикам и начинающим React разработчикам. 👉 Пройдите вступительный тест для регистрации https://otus.pw/udnP/
  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    Animated Service Section Card В этом видео создаются и анимируются карточки на HTML и CSS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    temperature displays Индикаторы - это svg картинки, параметры которых задаются в JS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    3d Text effect В JS реализована логика изменения значения CSS свойства text-shadow в зависимости от положении курсора. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Внутренние ощущения программиста и как его видят другие люди. Как нас видят другие люди: • Замкнутые, задумчивые, не эмоциональные. • Слегка тормознутые, т.к. постоянно пребывают внутри себя и для ответа на вопрос должны вернуться во внешний мир, что занимает некоторое время. Простые и глупые на их взгляд вопросы вообще могут игнорировать. • Сторонятся шумных компаний, дискотек. • Как правило высокие и худощавые. • Завышенная самооценка • Безразличные или спокойные к традиционным ценностям типа «деньги» «власть» «красота» «комфорт» Как мы чувствуем изнутри: • Нам нужна тишина. • Люди вокруг носятся и орут, при этом действуют бездумно, а задачи которые они решают мелкие и бестолковые • От людей больше всего ценим понимание. • Задачи переводим в формализованный вид, раздражает неполная, неточная расплывчатая постановка задач другими. • Тяготеем к решению задач которые добавляем сами себе, при этом остальные считают что это ненужные фичи, усложнение, перестраховка. • Нам нужна достойная нагрузка на мозг. Если ее нет мы загружаем наш процессор компьютерными играми, изучением философии или религий, чтением фантастики. Наш процессор не может простаивать на худой конец просто отключаем его через сон, алкоголь, наркотики. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    🔥 Вы готовы начать этот год с мощнейшего Web3-события?  Спешим объявить об онлайн-хакатоне VK NFT x Definition для разработчиков. Участникам первого Web3-хакатона от ВКонтакте нужно будет создать мини-приложения, основанные на технологии NFT. В декабре соцсеть уже запустила сервис VK NFT, в котором можно управлять токенами. Теперь разработчики будут придумывать новые решения c NFT, а авторы лучших продуктов разделят призовой фонд — 1 500 000 рублей 🦾 Участникам надо будет решить одну из трёх задач: 1. Сделать сервис по созданию и авторизации NFT-билетов. 2. Создать механизм управления доступом к контенту через NFT. 3. Разработать любой другой интересный продукт на основе технологии NFT.  Приглашаются frontend, backend/web3-разработчики и UX/UI-дизайнеры 🗓 Дата проведения: 18–19 февраля 2023 года, онлайн. Регистрация открыта до 16 февраля 2023 года.  👉 Узнать подробности и подать заявку на участие можно на сайте хакатона: https://cnrlink.com/definitionhack6
  • Senior Frontend - javascript, html, css

    Travel Верстка создана в HTML и SCSS. Логика переключения слайдов реализована в JS. 👉 @seniorFront
  • Реклама

  • Senior Frontend - javascript, html, css

    WebSocket Протокол WebSocket, обеспечивает возможность обмена данными между браузером и сервером через постоянное соединение. Данные передаются по нему в обоих направлениях в виде «пакетов», без разрыва соединения и дополнительных HTTP-запросов. WebSocket особенно хорош для сервисов, которые нуждаются в постоянном обмене данными, например онлайн игры, торговые площадки, работающие в реальном времени, и т.д. Чтобы открыть веб-сокет-соединение, нам нужно создать объект new WebSocket, указав в url-адресе специальный протокол ws:
     let socket = new WebSocket("ws://javascript.info");
    
    
    Как только объект WebSocket создан, мы должны слушать его события. Их всего 4: open – соединение установлено, message – получены данные, error – ошибка, close – соединение закрыто. …А если мы хотим отправить что-нибудь, то вызов socket.send(data) сделает это. Вот пример:
     let socket = new WebSocket("wss://javascript.info/article/websocket/demo/hello");
    
     socket.onopen = function(e) {
       alert("[open] Соединение установлено");
       alert("Отправляем данные на сервер");
       socket.send("Меня зовут Джон");
     };
    
     socket.onmessage = function(event) {
       alert(`[message] Данные получены с сервера: ${event.data}`);
     };
    
     socket.onclose = function(event) {
       if (event.wasClean) {
         alert(`[close] Соединение закрыто чисто, код=${event.code} причина=${event.reason}`);
       } else {
         // например, сервер убил процесс или сеть недоступна
         // обычно в этом случае event.code 1006
         alert('[close] Соединение прервано');
       }
     };
    
     socket.onerror = function(error) {
      alert(`[error]`);
     };
    
    Также существует протокол wss://, использующий шифрование. Это как HTTPS для веб-сокетов. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Pseudo 3D text Создано на canvas и JS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Vowel Changer Создайте функцию, которая принимает строку и заменяет в ней все гласные буквы на одну, переданную в качестве аргумента. Примеры: ("hannah hannah bo-bannah banana fanna fo-fannah fee, fy, mo-mannah. hannah!",'i') => 'hinnih hinnih bi-binnih binini finni fi-finnih fii, fy, mi-minnih. hinnih!' ('adira wants to go to the park', 'o') =>'odoro wonts to go to tho pork' 👉 @seniorFront