Senior Frontend - javascript, html, css, страница 45, все посты канала

Senior Frontend - javascript, html, css

Признаки компании, в которую не стоит устраиваться программисту Senior-разработчики слишком заняты и не помогают Новому сотруднику необходимо овладеть техническими и профессиональными знаниями.Работодатель, который заботится об успехе своих людей, предоставит ресурсы на этапе адаптации. Однако бывает, что senior не может найти время, чтобы ответить на вопросы. Часто это не вина коллеги, а плохая организация передачи знаний в компании. Хороший работодатель должен предусматривать возможности для взаимодействия программистов. Обязательные корпоративные мероприятия в ночное время Трудно назвать бонусом вечерние хакатоны и встречи в баре. Если корпоративы формально не являются обязательными, но на них все равно нужно присутствовать, это похоже на эксплуатацию труда. Описание вакансии не соответствует реальности Разработчик откликается на вакансию, потому что в описании упомянута интересная ему технология. Но когда он приступает к работе, часто оказывается, что ему не придется использовать этот инструмент. Многие компании очень хотят применять передовые технологии. Но в действительности большинство из них не готовы к этому. Время в офисе ценится больше, чем результат Переработки не повышают продуктивность. Однако в некоторых компаниях для продвижения по карьерной лестнице или повышения заработной платы приходится изображать озабоченность и уходить из офиса последним. Отсутствие обратной связи Если руководитель всегда дает один и тот же отзыв «У вас все хорошо», это значит, что обратная связь отсутствует. Обеспечить качественную обратную связь непросто. Но без нее сотрудник не сможет развиваться профессионально. 👉 @seniorFront

Senior Frontend - javascript, html, css

Что нужно освоить Fullstack-разработчику JavaScript? Начните изучать необходимые технологии на открытых уроках практического онлайн-курса «JavaScript Developer. Professional» от OTUS. 1 сентября в 20:00 — «Обзор технологий для построения API». Рассмотрим несколько протоколов клиент-серверных приложений и на примере посмотрим на их сильные и слабые стороны. Регистрация - https://otus.pw/vsQg/ 15 сентября в 20:00 — «Кодогенерация Typescript». Научимся писать программы, которые пишут код на Typescript за нас, а также попробуем в действии несколько библиотек и приобретем навык чтения абстрактного синтаксического дерева. Регистрация - https://otus.pw/sE3E/ Не упустите возможность попробовать обучение на курсе познакомиться с преподавателем. Ведет занятие Арсений Высоцкий, тимлид в международной компании с опытом более 10 лет в веб-разработке. ‼️ Для участия нужно пройти вступительный тест и зарегистрироваться: https://otus.pw/kzZG/

Senior Frontend - javascript, html, css

Zigzag Swirl Анимация создана при помощи библиотеки Three.js. Настройки анимации устанавливаются в JS. 👉 @seniorFront

Senior Frontend - javascript, html, css

👉 @seniorFront

Senior Frontend - javascript, html, css

Бэкенд, фронтенд или тестирование — что выбрать? В программировании данных много специальностей, в которых можно начать карьеру. Узнайте о них подробнее на вебинаре Яндекс Практикума. → Бесплатно, 31 августа в 19:00 О профессиях в формате дискуссии расскажут эксперты с опытом в сфере: ◾️ Полина Гуртовая, фронтенд разработчик в «Злые Марсиане» ◾️ Евгений Бартенев, python-разработчик в Яндекс Практикуме ◾️ Анастасия Степанова, QA-engineer ◾️ Елена Шлямова, менеджер реферального маркетинга на направлении программирования Вот что вы узнаете о каждой профессии: — как выбрать профессию по душе и не прогадать; — типичные ошибки людей, которые идут учиться в IT; — кто такой идеальный младший специалист и как им стать; — джуны/ мидлы/сеньоры — кто они и чем отличаются; — что происходит с рынком IT и как быть конкурентоспособны: советы от нанимающих разработчиков. Вы сможете задать спикерам ваши вопросы о смене профессии и старте карьеры. → Зарегистрироваться на вебинар

Senior Frontend - javascript, html, css

Kippo Hover Card Effect Верстка карточек с оригинальным эффектом при наведении. 👉 @seniorFront

Senior Frontend - javascript, html, css

Compose functions Создайте функцию compose, которая принимает параметр и неограниченное количество функций, через которые пройдет этот параметр по очереди.

 compose(n, f1, f2, f3..., fn) // === fn(...(f3(f2(f1(n)))))

Примеры

 var doubleTheValue = function(val) { return val * 2; }
 var addOneToTheValue = function(val) { return val + 1; }

 compose(5, doubleTheValue) 
 // should === 10

 compose(5, doubleTheValue, addOneToTheValue) 
 // should === 11

👉 @seniorFront

Senior Frontend - javascript, html, css

Material form Форма авторизации в стиле Material, сверстанная на HTML и Less. 👉 @seniorFront

Senior Frontend - javascript, html, css

.forms forms — это поле объекта document. Оно хранит коллекцию всех элементов <form>, которые есть на текущей странице. Коллекция доступна только для чтения. Для примера создадим три формы на одной странице: форму для применения промокода, форму с полем для подписки на рассылку, и форму авторизации с помощью номера телефона. При обращении к свойству forms мы получим живую коллекцию HTMLCollection, которая очень напоминает массив, но позволяет также обращаться к элементам по их имени или идентификатору. Формы, у которых указаны атрибуты id или name, можно получить по значениям этих атрибутов. В остальных случаях получить форму можно по индексу, который совпадает с порядком описания форм на странице. Доступ к формам Первая форма в примере выше не имеет атрибутов. Единственный способ обращения к ней — через её индекс в коллекции:

 document.forms[0]

У второй формы задан атрибут id, а значит, обращаться можно и по значению атрибута, и по индексу:

 document.forms['subscriptionFormId']
 document.forms.subscriptionFormId

Третья форма содержит как атрибут id, так и name. У нас появляется возможность получить форму ещё и по имени, указанному в атрибуте name:

 document.forms['loginFormName']
 document.forms.loginFormName

👉 @seniorFront

Senior Frontend - javascript, html, css

Animated Action Menu В этом видео автор создает и анимирует меню на HTML и CSS, которое открывается при нажатии на кнопку. Логика открытия создана в JS. 👉 @seniorFront

Senior Frontend - javascript, html, css

Nyan Pig 🌈🐷 Оригинальная страница загрузки, анимированная в SCSS. 👉 @seniorFront

Senior Frontend - javascript, html, css

Card Outer GLow Effect Эффект свечения создается при помощи CSS box-shadow. 👉 @seniorFront

Senior Frontend - javascript, html, css

😮 Добавлена новая база слитых курсов на 800ГБ: Программирование: https://t.me/+CU_bP-l4U_BhYWVi Frontend и Web: https://t.me/+j52VHr3Ass82NzNi Python: https://t.me/+_6KGyL3igC0xM2Fi Графика и дизайн: https://t.me/+JuB_FlhaPuNlMzMy

Senior Frontend - javascript, html, css

null Null — это примитивный тип данных, который состоит из единственного значения null. Значение null используют, когда нужно обозначить намеренное отсутствие значения. Пример В списке важных дел по дням недели пользователь решил, что в субботу и воскресенье главного дела нет:

 const mainFocusByDays = {
   mon: 'Исправить баг в вёрстке',
   tue: 'Разобрать почту'
   wed: 'Написать бота',
   thu: 'Изучить примитивные типы',
   fri: 'Отправить резюме в Яндекс',
   sat: null,
   sun: null
 }

null обозначает понятия «отсутствует», «ничего», «пусто» или «значение неизвестно». Оно всегда явно задаётся программистом, JavaScript автоматически не устанавливает его. В JavaScript null используется только для обозначения конца цепочки прототипов, чтобы показать, что следующий прототип отсутствует. Оператор typeof некорректно определяет тип у null и возвращает значение 'object' по историческим причинам.

 console.log(typeof null)
 // 'object'

👉 @seniorFront

Senior Frontend - javascript, html, css

CSS Text Animation Effects В этом видео автор создает блок с текстом и псевдо элемент этого блока, который располагает поверх основного и анимирует при помощи CSS keyframes. 👉 @seniorFront

Senior Frontend - javascript, html, css

"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Справитесь ли вы с уровнем курса? Покажет вступительный тест. 📍Пройдите тестирование, чтобы: ● оценить свои навыки ● получить доступ к демо-занятиям курса ● занять место по специальной цене ● получить доступ в закрытое сообщество JS-разработчиков 👉 Пройти полное тестирование: https://clck.ru/uKCcE

Senior Frontend - javascript, html, css

Image Text Reveal При наведении изменяются стили width и transform: scale у изначально скрытых блоков. Плавность достигается использованием CSS transition. 👉 @seniorFront

Senior Frontend - javascript, html, css

Animated Navbar Icons Навигационное меню, анимированное при помощи библиотеки anime.js. 👉 @seniorFront

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

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Реклама

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Реклама

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css