Основы внутреннего устройства JavaScript

С ростом популярности JavaScript команды разработчиков начали использовать его поддержку на многих уровнях своего стека — во фронтенде, бэкенде, гибридных приложениях, встраиваемых устройствах и многом другом. В этой статье мы хотим более глубоко рассмотреть JavaScript и то, как он работает. Эта статья на Eng



#js

Планируете переезд или остаётесь в России?

Если вы разработчик и у вас есть минута времени, поделитесь планами в анонимном опросе. Там всего 7 вопросов.

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

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

Системное администрирование 📌
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/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

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

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

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

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

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

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

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

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

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика

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

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/python_360 Книги по Python 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/UchuEnglish Английский с нуля

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

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

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

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

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

GitHub Dark Mode Toggle

Переключатель тёмной темы, реализованный на CSS и JS
#codepen #css #js
Подпишись👉 @codepen_1

Sliver во Flutter, или как работает скролл

Если вы уже встречались со сливерами, то наверняка оценили всю «прелесть» работы с ними.

На самом деле они совсем не так трудны и ужасны. Чтобы просто начать их использовать, как чаще всего бывает во Flutter, разбираться особо не нужно. А вот чтобы полноценно использовать их и при этом не страдать, придётся понять, как они работают. Именно этим мы и займемся.

#Sliver #Flutter

👨🏼‍💻 Теперь official. Стартовала IT-ипотека. И в Банке ДОМ.PФ одни из самых выгодных условий!

✅ ставка — от 4,3%,
✅ первоначальный взнос — от 15%,
✅ MAX сумма кредита в регионах-миллионниках — 18 млн рублей, в остальных — до 9 млн рублей.

Кстати, за счет ипотеки можно купить не только строящуюся квартиру, но и готовую от юрлица, а еще построить дом или купить готовый жилой дом с земельным участком 🔥

Подробности можно чекнуть здесь

Pure CSS Typing Animation

Эффект печатной машинки, сделанный с помощью библиотеки Babel.js и SCSS
#codepen #scss #js
Подпишись👉 @codepen_1

Контекст выполнения JavaScript — как JS работает за кулисами

https://www.freecodecamp.org/news/execution-context-how-javascript-works-behind-the-scenes/

#js

HolyJS 2022 Spring — конференция для JavaScript-разработчиков от JUG Ru Group, в формате online+offline

Online-часть: 8–10 июня.
Offline-день: 23 июня.

В online вас ждут выступления, посвященные трендам и новым технологиям, обмен опытом и общение в чатах.
На offline-дне в Санкт-Петербурге можно вживую послушать спикеров, лично познакомиться с коллегами и потусоваться у стендов партнеров.

В программе:
✔ Каким бывает легаси во фронтенде, как с ним справляться и не допускать его появления.
✔ Что такое proposal Wasm GC, почему его так долго делают и какой путь прошли движки за 2 года экспериментов.
✔ Как построить дизайн-систему для продукта с 20-миллионной аудиторией, огромной кодовой базой и массой поверхностей.
✔ Что такое сложность для человеческого мозга и как эти знания помогают писать более понятный код.

Подробности и полная программа — на сайте конференции.
При покупке билета на конференцию из категории «для частных лиц» используйте промокод: frontend12022JRGpc

13 полезных советов и хитростей при работе с массивами JavaScript, которые вам следует знать

Массивы являются одной из самых популярных структур данных в JavaScript, потому что они используются для хранения данных. Кроме этого, массивы дают много возможностей для работы с этими самыми данными. Понимая, что для тех, кто находится в начале пути изучения JavaScript, массивы являются одной из самых основных тем, в этой статье я хотел бы познакомить вас с некоторыми полезными трюками, о которых вы могли не знать. Давайте начнем.

#js

CSS Image Hover Effects

Примеры эффектов при наведении на фотографию, сделанные с помощью SCSS
#codepen #scss
Подпишись👉 @codepen_1

Redux in 100 Seconds

#js

CSS-анимация как DOM-based фреймворк для анимации

https://medium.com/bbc-design-engineering/css-animations-as-a-dom-based-animations-framework-d6ef582c033a

#css

Order button animation

Анимированная кнопка "Оформить заказ", сделанная с помощью SCSS и JS.
#codepen #scss #js
Подпишись👉 @codepen_1

Загрузка изображений на S3 в Ember.js

часть 1
часть 2

#Ember #Emberjs

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

Системное администрирование 📌
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/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

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

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

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

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

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

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

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

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

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика

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

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/python_360 Книги по Python 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/UchuEnglish Английский с нуля

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

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

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

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

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

Pts - JavaScript-библиотека для визуализации точек в пространстве

Написана на TypeScript. Содержит алгоритмы для визуализации и творческого кодирования. API поддерживает как быстрое прототипирование, так и работу на крупных проектах.

Особенности / преимущества:
✔️Функции для работы с геометрическими фигурами, цветами, моделированием и звуками
✔️ Может использоваться отдельно и совместно с другими библиотеками
✔️Удобный API
✔️Минимум кода для быстрых итераций в canvas, svg и других форматах
✔️Легкий вес (26КБ)

Сайт: https://ptsjs.org/
Гит: https://github.com/williamngan/pts

#js

CSS Grid: Newspaper Layout

Страница стилизованная под газету, с помощью свойства Grid.
#codepen #scss
Подпишись👉 @codepen_1

​Стажировка в GeekBrains. Трудоустройство после обучения и зарплата от 180 000₽.

Сейчас самое время освоить Frontend-разработку!

Огромный спрос на Frontend-разработчиков. В них заинтересованы многие компании, чьи сайты призваны развлекать, продавать и приносить деньги. Хорошего специалиста Frontend-разработки “оторвут c руками”: интернет-магазины, информационные порталы, маркетплейсы, рекламные агентства, ритейлеры, сотовые операторы, банки и даже СМИ.

Освоить все эти необходимые навыки и получить востребованную IT-специальность с гарантированным трудоустройством и 2-х месячной стажировкой в GeekBrains вы можете за 5 месяцев на онлайн-курсе “Профессия Frontend-разработчик”.
За это время вы с нуля научитесь: 
— Верстать сайты и овладеете адаптивной версткой. 
— Создавать одностраничные приложения. 
— Работать с HTML и CSS, Node.js. 
— Владеть инструментами для модульной сборки — Parcel и Webpack. 
— Использовать Vue.js и основных библиотек его экосистемы, разрабатывать компоненты на Vue.js. 
— Работать с библиотекой ReactJS. 
— Использовать концепцию Flux с применением библиотек Redux.

Во время обучения вас ждёт самая настоящая стажировка в Geekbrains, результатом которой станут: умение работать в команде, пополнение портфолио, возможность указать работу над проектом в качестве профильного опыта работы в резюме.

Переходите по ссылке и оставляйте заявку: https://clc.to/hrMOwg