JavaScript 🇺🇦

const arr = [3, 8, 14];
const [elem, ...rest] = arr;

const javascript_tests = rest[0];

console.log(javascript_tests);

👉 Відповідь

#JS // #practice // Архів книг

Black Friday 🖤 -50% на ВСІ курси від robot_dreams

До 30 листопада — придбавши будь-який курс, обирайте ще один у подарунок — для себе, разом з друзями, або прокачуйте команду, заощаджуючи половину вартості навчання.

🛒 Нагадаємо напрями, за якими навчають у robot_dreams:

Development
Machine Learning
GameDev
Data Science
DevOps
Cybersecurity
Product Analysis
QA
Data Analysis

Що ви отримаєте разом зі знижкою?

⚡️зручний формат навчання — доступ до особистого кабінету, де ви будете підключатися до занять, заморожувати дедлайни та контролювати свій прогрес
⚡️лекторів з компаній світового рівня — Microsoft, eBay, SoftServe, Google, Ubisoft, Amazon
⚡️особистий фідбек лекторів та підтримку кураторів
⚡️нетворкінг із колегами для обговорення кейсів та курсових проєктів, якими ви поповните своє портфоліо
⚡️корисні матеріали, що залишаться з вами назавжди

Забронювати місце на бажаному курсі* 🔗

*Для ефективного навчання кожен потік курсу має обмеження по кількості студентів.

Smart Card Holder

Верстка реалізована на HTML та SCSS. Анімації створені бібліотекою gsap.

#codepen // #practice // JS

Вакансія: Front-End Developer

Медіабаїнгове агентство OfferWall шукає на офісну роботу в Києві фронтенд-розробника зі знанням HTML / CSS і JS / TS, та досвідом роботи від 6 місяців — для створення лендінгу веб-сторінок.

📝 Відкрити анкету

#jobs // Архів книг // JS

Object.create() дозволяє створити новий об'єкт, який успадковує властивості та методи від батьківського об'єкта parent.

const parent = {name: 'John'};
const child = Object.create(parent);
child.age = 5;

#JS // #practice // Вакансії IT

Full-stack developer до міжнародної організації PwC 🧑🏼‍💻

Як Full-Stack Developer ви підтримуватимете розробку рішень на базі ШІ в різних програмах, від генеративних інструментів ШІ до систем виявлення шахрайства.

Вимоги:
- 3+ роки досвіду;
- Навички програмування на Python та JavaScript;
- Вільне володіння англійською мовою (рівень B2 або вище);
- Досвід управління командою буде перевагою;
- Аналітичний склад розуму та логічне мислення.

Що ми пропонуємо:
- Офіційне працевлаштування;
- Можливість віддаленої роботи;
- Щорічний перегляд позиції;
- Мовні курси (англійська та польська мови);
- Розвиток soft skills;
- План особистого розвитку та кар'єрний коуч;
- Корпоративи та тімбілдінги.

PwC — це мережа з понад 364 000 співробітників у 157 країнах, які зосереджені на наданні послуг найвищої якості в сферах аудиту, податкового консультування, консалтингу та розвитку технологій.

Подати резюме ---> за посиланням або на пошту [email protected] 📩

Перша практика

На 2-му уроці відеокурсу "HTML+CSS+JS для всіх" автор уже демонструє написання першого коду на мовах HTML, CSS та JavaScript.

Мова: 🇺🇦

Тривалість: 2 год 22 хв

#JS // #lessons // Вакансії IT

Airplane Mode Animation

Літак анімується у CSS, а інверсійний слід генерується та анімується на JS.

#codepen // #practice // JS

Вертикальні та горизонтальні мікро-фронтенди

Ця стаття демонструє розширені стратегії кодування для впровадження вертикальних і горизонтальних мікро-інтерфейсів, висвітлюючи конкретні випадки їх використання та надаючи оригінальні приклади коду, які допоможуть вам вибрати найефективніший підхід для оптимізації масштабованості та зручності обслуговування вашого проекту.

Мова: 🇬🇧

#JS // #theory // Архів книг

Navigation Bar Concept

Концепція навігації панелі у вигляді схеми лондонського метро.

#codepen // #practice // JS

Object.defineProperty() дозволяє налаштувати атрибути властивості, такі як writable, configurable та enumerable.

const product = {};
Object.defineProperty(product, 'price', {
   value: 50,
   writable: false,
   configurable: true,
   enumerable: true
});

#JS // #practice // Вакансії IT

function a(value) { 
    return true - value; 
} 
 
var b = a('4') + a('-4') + a(-'4') + a(4); 
console.log(b); 

👉 Відповідь

#JS // #practice // Архів книг

Значення властивості originalName змінюється, коли властивість name в об'єкті user перезаписується.

const user = {name: 'Alice'};
const originalName = user.name;
user.name = 'Bob';
console.log(originalName); // Виведе: 'Bob'

#JS // #practice // Вакансії IT

Найкращі книги по JS

Добірка наших останніх публікацій із найбільш вартісними посібниками по мові JavaScript:

🔴Full Stack Django and React (🇬🇧, 2023) — розкриваємо весь потенціал поєднання React та Django.

🔴Front-end Development Projects with Vue.js 3 (🇬🇧, 2023) — про основні концепції Vue.js 3 на прикладах, що імітують реальні веб-проекти.

🔴Full-Stack Flask and React (🇬🇧, 2023) — введення в React і модульну архітектуру веб-застосунків на основі Flask.

🔴Full Stack Web Development with Remix (🇬🇧, 2023) — книга проведе вас через продумані угоди, важелі та примітиви Remix.

🔴JavaScript Absolute Beginner’s Guide, 3rd Edition (🇬🇧, 2022) — посібник для початківців з простими і надійними інструкціями.

📚 Товариство, які ще знаєте вартісні українські чи англійські матеріали по JS?

#JS // #books // Вакансії IT

Вакансія: Full-Stack JavaScript Developer

Компанія Rezet шукає на віддалену роботу фулстак-розробника рівня Middle з досвідом на JavaScript від 3-х років — для рефакторингу, оптимізації коду, участі в розробці ПЗ.

📝 Відкрити анкету

#jobs // Архів книг // JS

Ocean card, perspective shift on hover

Зміна перспективи під час наведення миші на картку. Зроблено за допомогою SCSS та JS (Babel).

#codepen // #practice // JS

У масиві colors елементи можуть бути доступні за індексом.

const colors = ['red', 'green', 'blue'];
console.log(colors[1]); // Виведе: 'green'

#JS // #practice // Вакансії IT