Frontend разработчик, страница 19, все посты канала

Frontend разработчик

Веб-разработчики востребованы на рынке! - Зарплата специалиста без опыта — от 65 000 ₽ - Зарплата специалиста с опытом от года — от 100 000 ₽ (по данным HeadHunter). GeekBrains проводит набор студентов на факультет веб-разработки, где за 16 месяцев вы с нуля пройдёте путь от создания макетов до оптимизации баз данных и алгоритмов. После обучения получите практический опыт и сможете развивать высоконагруженные проекты. Мы приготовили для вас: — 5 работ в портфолио. — Разные пакеты обучения на выбор. — Диплом о профессиональной переподготовке и электронный сертификат. — Актуальную программу обучения. — Доступ к сообществу GeekBrains. — Помощь в трудоустройстве после обучения. Ваши навыки после обучения: — Верстка сайтов с помощью HTML/CSS, использование фреймворка Bootstrap. — Владение JavaScript, библиотеками Node.js, ReactJS. — Владение PHP, фреймворком Laravel. — Умение работать с базами данных, MySQL, MongoDB. — Умение работать с ОС Linux, системой контроля версий Git. — Навык писать «чистый» код, работать в команде. Переходите по ссылке, чтобы получить программу обучения или узнать подробнее о курсе: https://clc.to/p_ONaw

Frontend разработчик

JavaScript Promise с примерами В этой статье разберём что такое промисы, как они работают, зачем они нужны, а также различные примеры их использования. По умолчанию код в JavaScript выполняется последовательно (в одном потоке, синхронно). То есть таким образом, когда каждая следующая операция ждёт завершения предыдущей. 👉 @frontend_1

Frontend разработчик

Highlight.js — библиотека для выделения синтаксиса Осуществляет поиск программного кода между тегами pre и code и выделяет синтаксис. Особенности / преимущества: ✔️Поддержка более 197 языков ✔️Совместима с любым JS фреймворком ✔️Автоматическое определение языка https://highlightjs.org/ https://github.com/highlightjs/highlight.js 👉 @frontend_1

Frontend разработчик

Нахождение самого длинного слова в массиве У нас есть массив, содержащий несколько строк. Далее мы создаём переменную, которая содержит пустую строку. А теперь, чтобы обнаружить самую длинную строку в этом массиве, нам нужно взглянуть на все элементы массива, и если длина элемента массива больше длины переменной "most_lengthy_string", то мы переназначаем переменную. @frontend_sovet

Frontend разработчик

Профессия «Фронтенд-разработчик» на Хекслете включает в себя гораздо больше, чем кажется на первый взгляд. На курсе мы даем даем фундаментальные основы и развиваем алгоритмическое мышление. Несколько сотен практических заданий в онлайн-тренажере – лишь часть обучения. Вы будете участвовать в разработке открытых проектов Хекслета на GitHub, напишите 4 полноценных приложения для бизнеса и попрактикуетесь в решении реальных кейсов от компаний-партнеров. Цель любого обучения – это трудоустройство. Мы пройдем путь до первой работы в IT вместе с вами. Начните прямо сейчас. Вводные курсы профессии доступны бесплатно сразу после регистрации. 🎁🎁🎁 Отмечайте месяц знаний вместе с нами! Оставьте заявку на обучение профессии в Хекслете, а Распределяющая шляпа подскажет, какой подарок вы получите при оплате🪄 Переходи на сайт и скорее на платформу 9 ¾

Frontend разработчик

Видео в вебе, Browser Policy и палки в колёсах Раньше, когда деревья были большими, а веб был с градиентными кнопочками, на сайтах любили впилить рекламные видео, которые автоматически запускались с громким звуком. И вместо того чтобы приятно провести время или найти нужную информацию, приходилось судорожно искать источник этого звука. Это негативно сказывалось на пользовательском опыте, и в какой-то момент разработчики браузеров решили, что хватит это терпеть. 👉 @frontend_1

Frontend разработчик

7 TypeScript типов для React разработчиков Использование TypeScript при написании компонентов в React может существенно облегчить разработку и поддержку кода. Небольшая подборка утилитарных типов для работы с React: - React.ComponentProps. Иногда нет доступа к типу пропсов компонента: например, внешняя библиотека, которая дает доступ только к самому компоненту. Чтобы узнать тип пропсов компонента можно использовать

React.ComponentProps.

import { ComponentProps } from "react";
import { ExternalComponent } from "external-lib";

type InternalComponentProps = ComponentProps<typeof ExternalComponent> & {
  outerClassName: string;
};


- React.MouseEventHandler. Используется для типизации колбека события мыши.

import { MouseEventHandler, } from "react";

type ComponentProps = {
  caption: string;
  onClick: MouseEventHandler<HTMLButtonElement>;
};

const Component = (props: ComponentProps) => (
  <div>
    <button onClick={props.onClick}>{props.caption}</button>
  </div>
);

- Pick. Используется для создания нового типа объекта, принимает два аргумента: исходный тип объекта и список ключей для выбора из исходного объекта. В React можно использовать для создания интерфейса пропсов, когда какой-то интерфейс расшарен между несколькими.

type ComponentProps = Pick<Something, "propA" | "propB" | "children"> & {
 wrapperClassName?: string;
}

export const Component = (props: ComponentProps) => (
…
);

www.chakshunyu.com/blog/7-…velopers ✍️ @React_lib

7 TypeScript Utility Types For React Developers

It's hard to imagine React development without TypeScript nowadays. However, being a good React developer doesn’t automatically translate into being a good TypeScript developer. This article goes over 7 different utility types that are helpful to React developers on a daily basis.

Chakshunyu

Frontend разработчик

«По домам» — проект AvitoTech Ребята из Авито придумали классный проект, который даёт возможность познакомиться с командой frontend-разработки, узнать о работе в компании изнутри и не только. Смотреть: clc.to/vVqn7g 👉 @frontend_1

По домам: фронтенд – Андрей Ваганов

«По домам: фронтенд» — это новое шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито. Раз в неделю мы будем рассказывать о своих проектах: что мы делаем каждый день, какие задачи нас зажигают, какие технологии мы используем. А ещё поговорим о корпоративной культуре Авито и о себе в компании. Этот выпуск про Андрея Ваганова — ведущего инженера команды Frontend Architecture и одного из лидеров Frontend-сообщества AvitoTech. Он расскажет про изучение AST-деревьев и развитие опенсорса, фундаментальную литературу для фронтендера и нетоксичную культуру Авито. 00:00 Интро 00:46 Как попал в IT? Первая работа в IT? 01:50 Кем работаешь и чем занимаешься в Авито? 02:45 Какие технологии/библиотеки тебе нравятся? 04:25 Что хочешь изучить в 2022 году? / Что стоит изучить в 2022 году? 05:08 Расскажи, как ты учился? 06:09 Назови три лучших книги/ресурса/статьи. 07:07 Как писать стили, какой инструмент выбрать? 08:10 Опиши стэк для идеального приложения? 08:58 Задача мечты? / Проект мечты? 09:34 Почему ты работаешь в Авито? 10:37 Какие есть pet-проекты? 10:57 Последние 3 фичи, которые ты втащил? 11:51 Если не фронтенд, то ... AvitoTech — это команда инженеров Авито. Подпишитесь на наш канал, соцсети и блоги, чтобы узнавать больше о технологиях Авито 👇🏻 ВК: https://vk.com/avitotech Телеграм: https://t.me/avitotech Хабр: https://habr.com/ru/company/avito/ Медиум (eng): https://medium.com/avitotech Гитхаб: https://github.com/avito-tech/ Сайт: https://avito.tech/

YouTube

Frontend разработчик

Progressbar вертикальной прокрутки сайта на JavaScript 👉 @frontend_1

Frontend разработчик

Математические операции JavaScript | Свойство Math.PI с примером Свойство Math.PI представляет отношение длины окружности к ее диаметру. PI (π) — математическая константа, равная приблизительно 3,14159: Math.PI = π ≈ 3,14159 Пример:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>JavaScript Math object's PI property</title>
</head>

<body>
    <script>
        // Printing PI value
    document.write(Math.PI + "<br>");  // Prints: 3.141592653589793
     
    // Function to calculate circle area
    function calculateCircleArea(radius){
        var area = (Math.PI) * radius * radius;
        return area;
    }
     
    document.write(calculateCircleArea(3) + "<br>");  // Prints: 28.274333882308138
    document.write(calculateCircleArea(8) + "<br>");  // Prints: 201.06192982974676
    </script>
</body>

</html>

Выход 3.141592653589793 28.274333882308138 201.06192982974676 Объект Math — это встроенный объект JavaScript, поэтому к его свойствам и методам можно обращаться напрямую. Вам никогда не понадобится создавать объект Math, потому что он автоматически создается интерпретатором JavaScript. 👉 @frontend_1

Frontend разработчик

Подборка Telegram каналов для программистов🔥 Сохраняйте, чтоб не потерять. https://t.me/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻 https://t.me/nodejs_lib Подборки по Node js и все что с ним связано https://t.me/ruby_lib Библиотека Ruby программиста 1C разработка 📌 https://t.me/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С Программирование C++📌 https://t.me/cpp_lib Библиотека C/C++ разработчика https://t.me/cpp_knigi Книги для программистов C/C++ https://t.me/cpp_geek Учим C/C++ на примерах Программирование Python 📌 https://t.me/pythonofff Python академия. Учи Python быстро и легко🐍 https://t.me/BookPython Библиотека Python разработчика https://t.me/python_real Python подборки на русском и английском https://t.me/python_360 Книги по Python Rus Java разработка 📌 https://t.me/BookJava Библиотека Java разработчика https://t.me/java_360 Книги по Java Rus https://t.me/java_geek Учим Java на примерах GitHub Сообщество 📌 https://t.me/Githublib Интересное из GitHub CodePen 📌 https://t.me/codepen_1 Сообщество пользователей CodePen Базы данных (Data Base) 📌 https://t.me/database_info Все про базы данных Мобильная разработка: iOS, Android 📌 https://t.me/developer_mobila Мобильная разработка https://t.me/kotlin_lib Подборки полезного материала по Kotlin Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков https://t.me/frontend_sovet Frontend советы, примеры и практика! https://t.me/React_lib Подборки по React js и все что с ним связано Разработка игр 📌 https://t.me/game_devv Все о разработке игр Вакансии 📌 https://t.me/sysadmin_rabota Системный Администратор https://t.me/progjob Вакансии в IT Чат программистов📌 https://t.me/developers_ru Библиотеки 📌 https://t.me/book_for_dev Книги для программистов Rus https://t.me/programmist_of Книги по программированию https://t.me/proglb Библиотека программиста https://t.me/bfbook Книги для программистов БигДата, машинное обучение 📌 https://t.me/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning Программирование 📌 https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций https://t.me/coddy_academy Полезные советы по программированию QA, тестирование 📌 https://t.me/testlab_qa Библиотека тестировщика Шутки программистов 📌 https://t.me/itumor Шутки программистов Защита, взлом, безопасность 📌 https://t.me/thehaking Канал о кибербезопасности Книги, статьи для дизайнеров 📌 https://t.me/ux_web Статьи, книги для дизайнеров https://t.me/arhitekturamira World Architecture Системное администрирование 📌 https://t.me/tipsysdmin Типичный Сисадмин (фото железа, было/стало) https://t.me/sysadminof Книги для админов, полезные материалы https://t.me/i_odmin Все для системного администратора https://t.me/i_odmin_book Библиотека Системного Администратора https://t.me/i_odmin_chat Чат системных администраторов https://t.me/i_DevOps DevOps: Пишем о Docker, Kubernetes и др. https://t.me/sysadminoff Новости Линукс Linux Английский 📌 https://t.me/UchuEnglish Английский с нуля Математика 📌 https://t.me/Pomatematike Канал по математике https://t.me/phis_mat Обучающие видео, книги по Физике и Математике Арбитраж трафика 📌 https://t.me/partnerochkin CPA и арбитраж трафика Крипта 📌 https://t.me/bitkoinoff Новости криптовалют Метавселенная, GameFi, Crypto 📌 https://t.me/metaverse360 DeepFake 📌 https://t.me/deepfakenow Публикуем deepfake видео Мир технологий 📌 https://t.me/mir_teh Видео из мира технологий Excel лайфхак📌 https://t.me/Excel_lifehack Подписывайтесь на понравившиеся Telegram-каналы для разработчиков и изучайте программирование из любой точки мира.

Node JS

Подборки по Node js и все что с ним связано

Telegram

Frontend разработчик

Space globe - Three.js - Космическая сфера, выполненная с помощью CSS и библиотеки Three.js #codepen #css #js Подпишись👉 @codepen_1

Frontend разработчик

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

Frontend разработчик

Публикация, доставка и установка современного JavaScript для ускорения работы приложений Более 90% браузеров способны выполнять современный JavaScript, но на сегодняшний день одна из основных причин проблем с производительностью в Интернете— преобладание старого JavaScript. С помощью несложного средства EStimator. dev можно вычислить, насколько уменьшится размер и повысится производительность сайта при использовании синтаксиса современного JavaScript. Далее 👉 @frontend_1

Frontend разработчик. Страница 19

Frontend разработчик

Frontend разработчик

Frontend разработчик

Реклама

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Frontend разработчик

Реклама

Frontend разработчик

Frontend разработчик

Frontend разработчик