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

Forwarded from CodePen Community

0:06

Vanilla JavaScript Particle Smoke - Анимация, сделанная с помощью CSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1

👍1

2.42K views07:26

Найти работу в айти можно 2 методами:

Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть.

Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.

Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!

В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs

👍1

2.61K views08:00

Бонус канал💡React Job

Forwarded from React

Предотвращаем рендеры компонента с react-freeze

Библиотека использует механизм работы Suspense. Компонент оборачивается в Suspense и обертку Suspender. Когда нужно “заморозить” компонент, то в Suspender выбрасывается исключение Promise , который перехватывает Suspense. При получении промиса-исключения, Suspense ставит компонент в режим ожидания, предотвращая лишний рендер и изменение состояния.

Статья https://blog.swmansion.com/experimenting-with-react-freeze-71da578e2fa6

Github https://github.com/software-mansion-labs/react-freeze

✍️ @React_lib

👍1

2.58K views12:48

Как сделать 3D-коробку с анимацией чистом CSS

https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/

👉 @frontend_1

👍1

2.63K views05:30

Forwarded from CodePen Community

0:18

Who can get my blood? - Анимированная проверка на совместимость групп крови, выполненная с помощью CSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1

👍18

2.59K views08:20

CSS-in-JS: что это и чем отличается от обычного CSS

Стилизация страниц всегда происходит с помощью CSS. В веб-разработке принято разделять HTML и CSS файлы, подключая их друг к другу. Стилизация с использованием JavaScript (JS) в стандартных ситуациях происходит в тех случаях, когда требуется прописать изменение стилей при определенных условиях взаимодействия. Например, пользователь нажал на кнопку и появился какой-нибудь дополнительный блок, который по умолчанию скрыт. Подход CSS-in-JS предполагает вместо стандартных CSS-файлов со стилями использовать скриптовые файлы, где будут также прописываться стили.

Далее разберемся, какие особенности есть у подхода CSS-in-JS, когда он оправдан.

👉 @frontend_1

👍5😁1

2.63K views05:30

Cтатьи, курсы, советы, шаблоны кода 1С. По всем вопросам @evgenycarter

Подборка каналов для IT специалистов 🎯

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/React_lib Подборки по React js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!

Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack

1C программист

2.76K viewsedited 10:23

Advanced JavaScript Visualized
Автор: Meet Patel (2021)

➤ Execution Context, Thread, and Callstack
➤ Closure - A Deep Dive
➤ ProtoType , proto and Objects
➤ Asynchronous Execution
➤ Iterators, Generators, and Async-Await
➤ NodeJS, C++, Queues, and Servers
➤ Bonus

Скачать книгу

👉 @frontend_1

👍2🤯1

2.87K views07:19

Forwarded from CodePen Community

0:16

3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax) - Интерактивная моделька, выполненная с помощью Pug, Stylus и библиотеки Babel.js

#codepen #css #js

Подпишись👉 @codepen_1

❤4🔥3

2.61K views07:00

Полная дорожная карта и ресурсы для того, чтобы стать разработчиком Web3 в 2022 году

20+ документов, учебников и видео, которые помогут вам начать работу с Web3

https://betterprogramming.pub/has-anyone-seen-web3-a-complete-roadmap-free-resources-to-become-web3-developer-4e5dc9332c1f

👉 @frontend_1

👍3

2.85K views07:02

GitHub - alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

Forwarded from React

🛡️ ⚛️ Простая, масштабируемая и мощная архитектура для создания готовых к работе приложений React.

React - отличный инструмент для создания фронтенд-приложений. Он имеет очень разнообразную экосистему с сотнями отличных библиотек буквально для всего, что вам может понадобиться. Тем не менее, это может быть подавляющим фактором, когда приходится делать так много выбора. Он также очень гибок, вы можете писать приложения React любым удобным для вас способом, но за эту гибкость приходится платить. Поскольку не существует заранее определенной архитектуры, которой могут следовать разработчики, это часто приводит к беспорядочным, непоследовательным или слишком сложным кодовым базам.

Это попытка представить способ создания React-приложений с использованием лучших инструментов в экосистеме с хорошей структурой проекта, который очень хорошо масштабируется. Он основан на опыте работы с множеством различных кодовых баз, и эта архитектура оказалась наиболее эффективной.

Цель этого репозитория - служить коллекцией ресурсов и хороших практик при разработке приложений React. Оно должно продемонстрировать практическое решение большинства реальных проблем приложения и помочь разработчикам писать лучшие приложения.

https://github.com/alan2207/bulletproof-react

✍️ @React_lib

GitHub

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications. - GitHub - alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for...

👍7❤2

2.53K views14:47

Mathematical Notation for JavaScript Developers Explained

Объяснение математической нотации для разработчиков JavaScript

Умение понимать и применять математику в JavaScript может быть очень полезным. Это особенно актуально при работе с визуальными и интерактивными приложениями, для которых JavaScript подходит как нельзя лучше. Тем не менее, без математического образования бывает трудно понять, как все это воплощается в коде.

В этой статье я объясню некоторые из наиболее распространенных математических понятий и их символы. Я также приведу примеры, чтобы вы могли увидеть, как эти понятия могут быть реализованы в JavaScript. К концу этой заметки вы должны лучше понимать, что означают эти символы и как их можно перевести в код.

👉 @frontend_1

runjs.app

Find out how to translate mathematical notation to JavaScript. This article explains some common mathematical concepts and how these can be implemented in JavaScript.

👍4🔥1

2.66K views06:35

До конца лета Cloud предлагает переехать в облако Advanced при поддержке лучших инженеров

Почему стоит присмотреться? Можно получить:

• сервисы для любых задач: от запуска сайта до деплоя базы данным
• до 80 часов консультаций с профессионалами
• до 2-х месяцев бесплатного тестового периода
• до 6 месяцев потребления со скидкой

Из плюсов — современный стек, детальная документация на двух языках, интуитивно понятный интерфейс. Гранты на миграцию выдают по результатам рассмотрения заявки.

👍3🔥2

2.7K views08:00

Оставить заявку