JavaScript 🇺🇦

Редактори коду Редактор коду — це місце, де програмісти проводять найбільше часу. У сьогоднішній статті поговоримо з вами про це. #lessons // JavaScript 🇺🇦

Патерн Фабрика Патерн Фабрика – широко відомий патерн проектування, що використовується абстрагування процесу створення специфічних об'єктів. Тут функція createPerson() приймає як аргументи всю інформацію, необхідну для створення об'єкта Person. Функцію можна викликати будь-яку кількість разів із різними аргументами. #practice // JavaScript 🇺🇦

Цикломатична складність #theory // JavaScript 🇺🇦

Довідники й специфікації Цей канал — свого роду підручник. Він спрямований на те, щоб допомогти вам поступово вивчити мову. Проте, як тільки ви познайомитеся з основами, вам знадобляться й інші джерела. В сьогоднішній статті підготували для вас корисні посилання на безкоштовні актуальні ресурси з більш глибокою інформацією. #lessons // JavaScript 🇺🇦

Деструктурування об'єктів Деструктурування дозволяє прочитати властивість та присвоїти її значення змінній без дублювання імені властивості. Більше того, ти можеш прочитати кілька властивостей одного й того самого об'єкта всього за одну інструкцію. Якщо потрібно повторно використовувати ім'я властивості як ім'я локальної змінної, використовуй скорочений синтаксис. #practice // JavaScript 🇺🇦

Введення в JavaScript Підготували статтю у рамках нашої рубрики покрокових уроків. Давайте подивимося, що такого особливого в JavaScript, чого можна досягти з його допомогою і які інші технології добре з ним працюють. #lessons // JavaScript 🇺🇦

Циклічні значення об'єкта Не всі об'єкти можна перетворити на рядок JSON. Коли об'єкт має циклічні посилання на себе, перетворення завершиться помилкою. Зазвичай це відбувається з ієрархічними структурами даних, у яких батьківський і дочірній елементи посилаються один на одного. Як тільки процес виявляє цикл, піднімається виняток. Якби не було виявлення циклів, рядок був би нескінченно довгим. #practice // JavaScript 🇺🇦

Object.key та Object.prototype.key На відміну від таких мов, як Python, статичні властивості функції-конструктора не успадковуються екземплярами. Екземпляри успадковуються лише від прототипу, який успадковується від прототипу батьківського типу. Статичні властивості ніколи не успадковуються. #practice // JavaScript 🇺🇦

Ланцюжок методів Ланцюжок методів – це стратегія програмування, яка спрощує твій код та прикрашає його. Ланцюжок методів гарантує, що кожен метод об'єкта повертає весь об'єкт, а не повертає один елемент цього об'єкта. Зверніть увагу, що кожен метод в Door.prototype повертає this. Воно відноситься до всього екземпляра цього об'єкта Door. #practice // JavaScript 🇺🇦

10 грабель, на які потрапляють веб розробники початківці Розробники, в яких за плечима багато років досвіду, зазвичай вчилися на своїх помилках, оскільки не було такого ком'юніті однодумців. Тепер є можливості дізнатися все, що завгодно, вивчити безліч предметів, а головне взнати як не повторювати помилки попередників. Для успішного старту зібрали у статті декілька порад для розробників початківців. #lessons // JavaScript 🇺🇦

Коллбеки та обробка помилок Зворотній виклик часто використовується для обробки помилок. Це форма розгалуження потоку управління, коли деякі інструкції виконуються тільки при виникненні помилки. Виконання коду Compare() має дві можливі гілки: success, коли очікувані і фактичні значення збігаються, і error, коли вони різні. Це особливо корисно, коли потік управління повинен розгалужуватися після асинхронної інструкції. #practice // JavaScript 🇺🇦

Зарезервированные слова #theory // JavaScript 🇺🇦

Метод Map Map – це набір ключових елементів даних, як об'єкт. Але головна відмінність від об'єкта полягає в тому, що Map дозволяє використовувати ключі будь-якого типу. Зверніть увагу на код. Об'єкт перетворив би всі ключі на рядки, але Map цього не робить. Тому тут можуть бути рядки, і числа, навіть об'єкти. #practice // JavaScript 🇺🇦

Давайте знайомитись ближче Частина нашої команди вже добре розуміються у програмуванні, а дехто зараз активного вивчає питання. Оскільки плануємо обробляти багато матеріалів і перекладати їх українською мовою для колег, вирішили також створити канали, де будемо цим ділитися з вами. Гайда навчатися разом! В нас є два канали: - JavaScript 🇺🇦 - Python 🇺🇦 Орієнтири по контенту: 1. #theory — за цим хештегом ви зможете знаходити важливу та цікаву теоретичну інформацію. 2. #practice — за цим хештегом ми будемо безпосередньо розбирати шматочки коду, показувати як це виглядає на конкретних прикладах. 3. #books — за допомогою цього хештегу можна буде знайти рекомендації корисної літератури з невеличкими рецензіями до неї. 4. #lessons — по цьому хештегу ми будемо публікувати покрокові уроки вивчення предмету, від перших кроків і до безкінечності :) 5. #jobs — за ось цим хештегом згодом почнемо публікувати вакансії роботи по спеціальності. З новини знаннями у нове життя, після перемоги. Все буде Україна!

Опціональна послідовність Ти неодноразово зіткнешся із ситуацією, коли очікуваний елемент ланцюжка властивостей не визначений чи має значення null. У такому випадку JavaScript видає помилку, тому що не може отримати значення. Опціональна послідовність допоможе позбавитися цієї помилки. Якщо одне з посилань у ланцюжку порожнє або не визначене, оператор замкнеться і поверне невизначене значення. #practice // JavaScript 🇺🇦

JavaScript. З чого почати? Підготували статтю з основною інформацією для тих, хто хоче почати працювати з JavaScript. #theory // JavaScript 🇺🇦

Вертикальний таймлайн Коли ти намагаєшся донести свою думку до користувачів, не потрібно показувати їм гору тексту. Краще привернути їхню увагу за допомогою візуальних ефектів. Таймлайн допомагає уявити історію сайту/продукту у простій та інтерактивній формі. Це простіше та цікавіше для відвідувача. На малюнку наведено приклад реалізації вертикального таймлайну. Запам'ятай і користуйся! #practice // JavaScript UA

Фреймворки Vue.js – "прогресивний" фреймворк. Основна бібліотека орієнтована лише на view layer, тому будь-які додаткові функції мають поступово впроваджуватися. AngularJS підтримується Google і усуває поширені складнощі при створенні односторінкових програм (SPA). Використовується словник HTML на динамічних веб-сторінках. React - фреймворк, розроблений Facebook для спрощення процесу створення інтерактивних інтерфейсів користувача. Це основа ReactNative, суміжного фреймворку для створення мобільних програм. Це одні з найпопулярніших фреймворків, пізніше ми докладніше розберемо їх та інші. #theory // JavaScript UA

Основні переваги JavaScript #theory // JavaScript UA

Основне застосування JavaScript #theory // JavaScript UA