Breadcrumb [ˈbredkrʌm]
Хлібна крихта. Ланцюжок, що вказує шлях користувача від головної сторінки до нинішньої.

1. Breadcrumb is a navigation aid used in user interfaces.
— Хлібна крихта — це навігаційний засіб, що використовується в інтерфейсах користувача.

2. Technical support pages and e-commerce websites are two of the more common places where this breadcrumb is used.
— Сторінки технічної підтримки і сайти електронної комерції — два найпоширеніші місця, де використовується хлібна крихта.

3. Use breadcrumb navigation for large websites and websites that have hierarchically arranged pages.
— Використовуйте навігаційний ланцюжок для великих веб-сайтів і веб-сайтів, які мають ієрархічно впорядковані сторінки.

#fresh_dictionary

Знаєш, котра зараз година? Саме час зареєструватися на безкоштовний ІТ-марафон від Навчального центру Freshcode 👨‍💻
⠀
Під час марафону ти:
🔹 спробуєш себе у ролі Full-Stack JavaScript розробника;
🔹 зануришся у front-end і back-end;
🔹 дізнаєшся, як розробляти компоненти;
🔹 зрозумієш, як працюють стилі;
🔹 розберешся, що таке сервер.
⠀
І найголовніше — створиш свій перший веб-застосунок разом із ментором ✨
⠀
🗓 Стартуємо 30 січня.
⠀
Ти з нами? Приєднуйся до безкоштовного марафону 👇
⠀
#trc_fresh_events

JavaScript може взаємодіяти із безліччю даних. І додатку потрібно знати, із яким саме типом він працює зараз 👆 Це необхідно, щоб правильно обробити дані. Бо, наприклад, число і рядок — це різні типи, які будуть оброблятися по-різному.
⠀
У JavaScript існує 8 основних типів даних. І кожен із них визначає, які значення йому можна надати. Читай далі, щоб познайомитися із кожним типом 😉
⠀
🔹 Number

Числа в JavaScript. Можуть бути цілими і дробовими (числа з рухомою крапкою). А також — додатними і від’ємними. Number може містити числа у діапазоні від -253 до 253. Не більше і не менше.

🔹 BigInt

Цілі числа довільної довжини. Виходять за межі діапазону типу Number. Значення з типом BigInt створюється через додавання n у кінець цілого числа.

🔹 String

Рядок у JavaScript. Є послідовністю символів Unicode: букв, цифр, знаків пунктуації, спеціальних символів, пропусків. Рядок у JavaScript має бути оточений лапками. Вони можуть бути подвійними або одинарними. Рядки, вкладені у подвійні лапки, можуть містити символи одинарних лапок. І навпаки 👆

🔹 Boolean

Логічний або булевий тип даних. Може мати лише два значення — true (істина) або false (хиба). Зазвичай використовується для зберігання значень так або ні. Перевіряється умовним оператором if.

🔹 null

Літерал JavaScript. Нульове, «порожнє» або «невідоме» значення. Оскільки JavaScript чутливий до регістру, NULL чи Null уже не будуть null, наприклад.

🔹 undefined

Спеціальне значення. Подібне до null. undefined вказує, що значення не визначене або не встановлене. Саме цим відрізняється від null, де значення має бути присвоєним.

🔹 Object

Особливий тип. Натомість інші є примітивними. Бо їхні значення можуть містити тільки один елемент. Наприклад, рядок, число тощо. А в об’єктах зберігаються колекції даних і більш складні структури.

🔹 Symbol

Новий тип даних. Використовується для створення унікальних ідентифікаторів. Його значення може бути ключем для властивостей об’єкта. Це і є типова мета типу даних Symbol.

Було корисно? Залишай реакцію цьому посту 😉

#fresh_knowledge

Але наші ментори завжди готові прийти на допомогу 😇

Щоб переконатися, реєструйся на безкоштовний марафон 👇

#trc_fresh_events #fresh_jokes

Розповідаємо, як швидко знайти у Google усе, що тобі потрібно 🔍

🔹 Використовуй *, щоб відшукати максимум інформації з певного напряму. Наприклад, кращі * JavaScript. І тобі Google видасть курси, книжки, бібліотеки, фреймворки тощо.

🔹 Додай «» або “”, щоб знайти точну фразу. Приміром, «Ми хочемо, щоб Google став третьою частиною вашого мозку». До речі, це цитата засновників Ларрі Пейджа і Сергія Бріна 😉

🔹 Став -, щоб виключити зайві слова. До приладу, Стів -Джобс. Знайдеш інформацію про всіх можливих Стівів, окрім Джобса, звісно.

🔹 Використовуй ~, щоб знайти синоніми. Приміром, ~ книги про мандри. Побачиш добірки і про мандри, і про подорожі.

🔹 Додай |, щоб шукати інформацію за кількома запитами. Наприклад, курси Frontend | Backend. Google знайде обидва варіанти ✨

🔹 Пиши site: і конкретна адреса, щоб знайти інформацію на потрібному ресурсі. Приміром, site:freshcode.training хто такі fullstack. І отримаєш потрібну сторінку.

🔹 Додай define:, щоб дізнатися значення конкретного слова. Наприклад, define:git. Будеш знати, що це і навіщо потрібне розробнику.

🔹 Використовуй @, назву соціальної мережі та запит, щоб знайти щось у конкретній мережі. До прикладу, @instagram javascript. Побачиш сторінки і хештеги, що містять цю інформацію 👌

🔹 Додай before:, щоб знайти результати до вказаної дати. Приміром, linux before:2010. Google видасть усі публікації, що були до цього часу.

🔹 Став after:, щоб відшукати найсвіжіші дані. Наприклад, scrum after:2022. Отримаєш усе, що було опубліковано вже цього року.

Якими способами користувався раніше, а про які дізнався вперше? Пиши у коментарях 👇

#fresh_advice

Перевірмо, чи добре ти орієнтуєшся в перекладі популярної ІТ-лексики 😉

#fresh_tests

Хочеш працювати у Visual Studio Code ще швидше і продуктивніше? Лови 7 гарячих комбінацій, які допоможуть суттєво полегшити твою роботу 😉
⠀
🔹 CTRL+пробіл

Відкриває вікно з підказками. Використовуй, якщо автоматично не з’являться вбудовані поради.

🔹 CTRL+SHIFT+P або F1

Відкриває панель команд. Тобі буде дуже просто знайти те, що потрібно, у Visual Studio Code завдяки цій комбінації.

🔹 CTRL+B

Відкриває і закриває бічну панель. Використовуй, якщо захочеш мати більше простору для кодування.

🔹 CTRL+J

Відкриває вбудований термінал і фокусує курсор на ньому. Натискай ще раз, якщо треба повернути все у попереднє положення.

🔹 CTRL+W

Закриває відкриті вкладки. Натискай, коли вікон багато і хочеш прибрати їх швидко.

🔹 CTRL+G

Допомагає перейти на бажаний рядок. Після того, як натис CTRL+G, введи в діалоговому вікні потрібний номер.

🔹 CTRL+P

Викликає діалогове вікно з раніше відкритими файлами. Обирай той, що потрібен тобі зараз.

Було корисно? Залишай будь-яку реакцію цьому посту 😉

#fresh_knowledge