front_end_dev | Технологии

Telegram-канал front_end_dev - FrontEndDev

29396

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu

Подписаться на канал

FrontEndDev

Как работать с OpenAi API в NodeJS

Делаем своего AI помощника в консоли на NodeJS.

https://medium.com/codingthesmartway-com-blog/3f01c1f8d473

Читать полностью…

FrontEndDev

15 интересных CSS свойств, с которыми стоит познакомиться

https://blog.bitsrc.io/9cee5b364990

Читать полностью…

FrontEndDev

5 ошибок начинающих разработчиков при создании React приложений

https://css-tricks.com/5-mistakes-starting-react/

Читать полностью…

FrontEndDev

Создаем приложениe для ведения бюджета с React Router

Плейлист с итерациями по разработке React приложения

https://www.youtube.com/watch?v=VpzeeBeVWeg&list=PL4cUxeGkcC9iNnY07bh_UPaRIQZcJfARY&ab_channel=TheNetNinja

Читать полностью…

FrontEndDev

Хотите узнать, как устроена платформа Yandex Cloud?

Друзья! 28 марта проведем «about:cloud infrastructure» — это мероприятие, на котором разработчики и руководители Yandex Cloud расскажут, как облачная платформа выглядит изнутри.

Вы узнаете:
— как команда развивает ключевые инфраструктурные сервисы;
— с какими техническими задачами сталкиваются разработчики и как решают сложные кейсы;
— узнаете о внутреннем устройстве и архитектуре сервисов платформы.

Встреча будет полезна архитекторам, DevOps-инженерам, продакт-менеджерам, администраторам систем виртуализации, разработчикам высоконагруженных распределённых систем, IT-директорам и руководителям, отвечающим за технологии и инфраструктуру.

Мероприятие бесплатное. Регистрация на онлайн трансляцию ➡️

Читать полностью…

FrontEndDev

Полезные возможности TypeScript, которые стоит иметь ввиду

https://my-js.org/blog/ts-features/

Читать полностью…

FrontEndDev

Создаем веб презентации с Reveal.Js

На случай, если надоели Google Slides или PowerPoint. Удобно для докладов на конференциях, когда можно вставить код для демо.

https://medium.com/stackanatomy/create-incredible-web-presentations-with-reveal-js-9c8957f3af1b

Читать полностью…

FrontEndDev

Узнаем больше о фронтенд-разработке на VK Tech Talks

📍Где: офис VK БЦ «У Красного моста» в Санкт-Петербурге.
📆Когда: 16 марта в 19:00
Эксперты VK расскажут о своей работе, раскроют несколько секретов, которые помогут и в вашей работе и обсудят, как поддерживать код в порядке, строить отношения с комьюнити потребителей и управлять сущностями вне общего релизного цикла.

Зарегистрироваться на мероприятие можно тут. Онлайн-участники смогут подключиться к трансляции в сообществе VK Team.

Читать полностью…

FrontEndDev

Управляем состоянием приложения на Vue с Pinia ORM

https://blog.openreplay.com/managing-state-in-vue-with-pinia-orm/

Читать полностью…

FrontEndDev

#CSS #SVG

Рисуем верёвку в формате SVG при помощи JavaScript

Рейтинг: 54

Читать

Читать полностью…

FrontEndDev

Межстраничные переходы в React

Как сделать анимационные переходы с помощью React-Router и View Transitions API (без сторонних библиотек для анимации)

https://javascript.plainenglish.io/73ab52c6fd7b

Читать полностью…

FrontEndDev

#разработка #стартапы

Плохие практики разработки, которые до сих пор встречаю в стартапах

Рейтинг: 97

Читать

Читать полностью…

FrontEndDev

10 советов по CSS для улучшения переходов и анимаций

https://joshcollinsworth.com/blog/great-transitions

Читать полностью…

FrontEndDev

Как заставить Vue компонент перерендериться

https://blog.logrocket.com/force-vue-component-re-render/

Читать полностью…

FrontEndDev

Применяем принципы SOLID в Vue

moein.mirkiani/solid-principles-in-vue-29ecc988f968" rel="nofollow">https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968

Читать полностью…

FrontEndDev

Переменные окружения в JS

Дмитрий Павлутин рассказывает, что за объект process.env и как из окружения сервера передать его в браузер.

https://dmitripavlutin.com/environment-variables-javascript/

Читать полностью…

FrontEndDev

Обычно любые “гарантии” в рекламе — лишь маркетинг, но в данном случае это — реальные обязательства по договору на Frontend с Kata Academy.

Все гарантии реальны и прописаны в договоре со школой, который при поступлении заключает каждый студент.

▫️Ты получаешь работу от 80 000₽ — или обучение за наш счет
Kata дает все необходимые инструкции, как после окончания обучения получить работу. Выполнил все условия, но работу не получил? Ты ничего не должен.

▫️ Оплата только после трудоустройства: учишься бесплатно, а платишь после трудоустройства
Kata выгодно научить тебя как можно лучше.

▫️Тебя уволили, сократили или призвали на военную службу — выплаты за обучение приостанавливаются до момента нового трудоустройства
Свои слова Kata подтверждает договором и только так. Задача — трудоустроить тебя на хорошую зарплату, потому что от этого зависит и доход Kata. Поэтому — это win-win модель и для Kata, и для тебя.

Записывайся на курс: https://clck.ru/33mRTh

Читать полностью…

FrontEndDev

Создаем простой компонент аватара на TypeScript

Туториал по созданию компонентов с техникой TDD. Набор коротких видео об использовании типов и интерфейсов, обработке ошибок и написании тестов для react компонентов.

https://www.typescriptcourse.com/tutorials/build-a-dynamic-avatar-component-with-react-typescript

Читать полностью…

FrontEndDev

Улучшаем производительность Angular: советы и трюки для эффективного кода

https://guillaume-ferber.medium.com/76939fe7333b

Читать полностью…

FrontEndDev

Продумываем dropdown с хорошим UX для разных ситуаций

https://bootcamp.uxdesign.cc/how-to-design-the-best-dropdowns-860a1afb566a

Читать полностью…

FrontEndDev

Делаем текстовый контент читабельным

Простые CSS советы, которые превращают простыню текста в текст, который просто читать и красиво смотрится.

https://set.studio/some-simple-ways-to-make-content-look-good/

Читать полностью…

FrontEndDev

Тригонометрические функции в CSS

Или как использовать sin(), cos(), tan().

https://web.dev/css-trig-functions/

Читать полностью…

FrontEndDev

Что нового в DevTools?

Обновленные возможности рекордера и экспорт записанных действий в Puppeteer + обновления Lighthouse.

https://developer.chrome.com/blog/new-in-devtools-112/

Читать полностью…

FrontEndDev

Создаем простую директиву tooltip на Vue

https://itnext.io/build-a-custom-tooltip-directive-with-css-and-vue-efc84e37ff46

Читать полностью…

FrontEndDev

Бесплатный интенсив по frontend-разработке

Теория — хорошо, а практика — лучше. Станьте frontend-разработчиком на 3 дня. За это время вы создадите сайт с интерактивными элементами и адаптируете его к разным устройствам. А еще:

— научитесь выгружать проект на GitHub, чтобы начать формировать портфолио;
— узнаете требования работодателей;
— пообщаетесь с экспертом и получите подарки;
— поймете, подходит ли вам это направление.

Интенсив пройдет с 15 по 17 марта в 19:00 (мск). Регистрируйтесь, чтобы не пропустить: https://go.skillfactory.ru/UzNrDg

Реклама, ООО «Скилфэктори»
Pb3XmBtzt6m2ntuDx4jrDDZzFY1NUJepTbyxPTL

Читать полностью…

FrontEndDev

Работа с датами в JS

После прекращения поддержки Moment.js стал актуальным вопрос о выборе библиотеки для работы с датой. Вот вам несколько альтернатив.

https://blog.openreplay.com/dealing-with-dates-and-times--alternatives-to-momentjs/

Читать полностью…

FrontEndDev

Frontend meetup (Online)

1. Быть Senior Frontend Developer в 2023: Экспертиза, карьера и общество
— Александр Гузенко, IT_ONE
В докладе попробуем систематизировать средние по палате необходимые требования к Senior Frontend Developer к 2023 году. Разберем, чем синьор отличается от мидла, посмотрим на хард скилы, софт скилы, точки роста для синьора.

2. CLI для фронтендеров. Делаем лучше, а не хуже — Алексей Попков, Толока
В докладе поговорим, как превратить скриптописательство в системный подход, какие есть основные критерии качества, и как сделать инструмент, которому будет рада вся команда.

3. Обзор полезных инструментов разработчика — Павел Теренин, Juniper Square
В моем докладе инструменты разделены на две секции: инструменты для отладки верстки и стилей, и инструменты для отладки кода и оптимизации быстродействия.

➖➖➖

🗓 15 марта, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

Наш канал с анонсами митапов

Регистрация на мероприятие

Читать полностью…

FrontEndDev

Эффект анимации при наведении с Clip-Path

https://tympanus.net/codrops/2023/03/01/double-image-hover-effects-with-clip-path-animations/

Исходники на github

Читать полностью…

FrontEndDev

Собеседование по TypeScript: 20 вопросов и ответов

Популярные вопросы, которые стоит повторить перед собеседованием

https://habr.com/ru/company/ruvds/blog/419993/

Читать полностью…

FrontEndDev

Data Science – стремительно развивающаяся отрасль на стыке бизнеса и интернет-технологий 🧑‍💻

Согласно данным рекрутинговых агентств в России несколько тысяч компаний находятся в активном поиске специалистов в этой области, а заработная плата на практике не имеет верхнего предела.

Совместная магистерская онлайн-программа «Науки о данных» Университета науки и технологий МИСИС и СберОбразования даст вам актуальные знания и навыки в программировании, математике, машинном и «глубоком» обучении. Ваш образовательный процесс будет отслеживать команда методистов, преподавателей и тьюторов с опытом организации обучения в Data Science более 3 лет. Вы получите все преимущества очной формы обучения – диплом государственного образца, общежитие, проездной и др. 🔥🔥🔥

Вы реализуете ряд проектов лично и в команде – это поможет сформировать профессиональное портфолио. Студенты программы получают консультацию от карьерного коуча, проходят стажировки и в дальнейшем трудоустраиваются в ведущие IT-компании России, среди которых: Сбер, VK, Huawei, Аскон, ЦИФРА, «Гринатом», «АЛРОСА», «Альфа-Банк», «Тинькофф Банк», «Газпромнефть-Центр» и другие.

Подробнее о программе 📌

Читать полностью…
Подписаться на канал