mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-01-06 15:03:08 -05:00
chore(i18n,client): processed translations (#47300)
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"responsive-web-design": {
|
||||
"title": "Legacy Responsive Web Design",
|
||||
"title": "Застарілий адаптивний вебдизайн",
|
||||
"intro": [
|
||||
"У цьому сертифікаті \"Адаптивний вебдизайн\" ви вивчите мови, які розробники використовують для створення вебсторінок: HTML (мова розмітки гіпертексту) для змісту, і CSS (Каскадні таблиці стилів) для дизайну.",
|
||||
"В сертифікації «Адаптивний вебдизайн» ви вивчите мови, які розробники використовують для створення вебсторінок: HTML (мова розмітки гіпертексту) для вмісту та CSS (каскадні таблиці стилів) для дизайну.",
|
||||
"Спочатку ви створите застосунок із фотографіями котів, аби вивчити основи HTML та CSS. Пізніше ви опануєте сучасні методи, такі як змінні CSS, завдяки створенню пінгвіна, а також створите вебформу, щоб опанувати практики покращення доступності.",
|
||||
"Ви також дізнаєтеся, як конструювати вебсайти, які відповідають різним розмірам екранів створивши Twitter Card за допомогою Flexbox, а ще складний макет блогу з CSS Grid."
|
||||
],
|
||||
@@ -11,246 +11,246 @@
|
||||
"basic-html-and-html5": {
|
||||
"title": "Основи HTML та HTML5",
|
||||
"intro": [
|
||||
"HTML — це мова розмітки, яка використовує спеціальний синтаксис або примітки, для опису структури вебсторінки чи браузера. Елементи HTML зазвичай відкривають та закривають теги, що охоплюють вміст та надають йому значення. Наприклад, різні елементи можуть описати текст як заголовок, абзац або елемент списку.",
|
||||
"HTML – це мова розмітки, яка використовує спеціальний синтаксис або примітки для опису структури вебсторінки чи браузера. Елементи HTML зазвичай мають початковий та кінцевий теґи, які оточують вміст та надають йому значення. Наприклад, різні елементи можуть описати текст як заголовок, абзац або елемент списку.",
|
||||
"У цьому курсі ви створите застосунок із фотографіями котів, щоб опанувати застосування деяких з найпоширеніших елементів HTML (головних блоків будь-якої вебсторінки)."
|
||||
]
|
||||
},
|
||||
"basic-css": {
|
||||
"title": "Основи CSS",
|
||||
"intro": [
|
||||
"CSS, або Каскадні таблиці стилів, повідомляють браузеру як показати текст та інший вміст, який ви написали в HTML. За допомогою CSS ви можете регулювати колір, шрифт, розмір, відстань і багато інших аспектів елементів HTML.",
|
||||
"І зараз, коли ви описали структуру вашого фото-додатка, стилізуйте його за допомогою CSS."
|
||||
"CSS, або каскадні таблиці стилів, повідомляють браузеру як показати текст та інший вміст, який ви написали в HTML. За допомогою CSS ви можете регулювати колір, шрифт, розмір, відстань і багато інших аспектів елементів HTML.",
|
||||
"І зараз, коли ви описали структуру свого застосунку, стилізуйте його за допомогою CSS."
|
||||
]
|
||||
},
|
||||
"applied-visual-design": {
|
||||
"title": "Прикладний візуальний дизайн",
|
||||
"intro": [
|
||||
"Візуальний дизайн - це поєднання типографії, кольорознавства, графіки, анімації, макетів сторінок і багато чого іншого, аби допомогти вам передати ваше унікальне повідомлення.",
|
||||
"Візуальний дизайн – це поєднання типографії, кольорознавства, графіки, анімації, макетів сторінок і багато чого іншого, аби допомогти вам передати своє унікальне повідомлення.",
|
||||
"У цьому курсі ви навчитеся застосовувати усі ці елементи візуального дизайну для своїх вебсайтів."
|
||||
]
|
||||
},
|
||||
"applied-accessibility": {
|
||||
"title": "Доступність для людей з обмеженими можливостями",
|
||||
"intro": [
|
||||
"У процесі розробки вебсайтів, спеціальні можливості посилаються на вміст сайту та ІК (інтерфейс користувача), який широка аудиторія зможе розпізнати, з яким зможе взаємодіяти та за допомогою якого зможе зорієнтуватися на сайті. У цю аудиторія також входять люди із зоровими, слуховими, руховими та когнітивними розладами.",
|
||||
"У процесі веброзробки спеціальні можливості посилаються на вміст сайту та інтерфейс користувача, який широка аудиторія зможе розпізнати, з яким зможе взаємодіяти та за допомогою якого зможе зорієнтуватися на сайті. У цю аудиторію також входять люди із зоровими, слуховими, руховими та когнітивними розладами.",
|
||||
"У цьому курсі ви дізнаєтеся найкращі практики для створення вебсайтів, які доступні кожному."
|
||||
]
|
||||
},
|
||||
"responsive-web-design-principles": {
|
||||
"title": "Принципи Адаптивного вебдизайну",
|
||||
"title": "Принципи адаптивного вебдизайну",
|
||||
"intro": [
|
||||
"Підключитися до мережі можна з багатьох пристроїв усіх форм і розмірів. Адаптивний вебдизайн - це проєктування гнучких вебсайтів, які пристосовуються до різних розмірів, орієнтацій та розширення екранів.",
|
||||
"Підключитися до мережі можна з багатьох пристроїв усіх форм і розмірів. Адаптивний вебдизайн – це проєктування гнучких вебсайтів, які пристосовуються до різних розмірів, орієнтацій та розширення екранів.",
|
||||
"У цьому курсі ви дізнаєтеся як використовувати CSS, аби ваші вебсайти мали гарний вигляд, незалежно від того, на якому пристрої вони відтворені."
|
||||
]
|
||||
},
|
||||
"css-flexbox": {
|
||||
"title": "CSS Flexbox",
|
||||
"intro": [
|
||||
"Flexbox - це потужний режим розмітки, який підтримується практично на всіх пристроях і який було введено з останньою версією CSS, CSS3. За допомогою flexbox набагато легше відцентровувати елементи сторінки та створювати функціональні інтерфейси користувачів, які автоматично зменшуються та розширяються.",
|
||||
"Flexbox – це потужний режим розмітки, який підтримується практично на всіх пристроях і який було введено з останньою версією CSS, CSS3. За допомогою flexbox набагато легше відцентровувати елементи сторінки та створювати функціональні інтерфейси користувачів, які автоматично зменшуються та розширяються.",
|
||||
"У цьому курсі ви дізнаєтеся про складові flexbox та функціональної розмітки, коли створюватимете Twitter card."
|
||||
]
|
||||
},
|
||||
"css-grid": {
|
||||
"title": "CSS Grid",
|
||||
"intro": [
|
||||
"CSS grid - це новіший режим розмітки, за допомогою якого можна легко створювати складну адаптивну композицію. Він перетворює елемент HTML у сітку і допомагає розмістити дочірні елементи будь-де на екрані.",
|
||||
"CSS grid – це новіший режим розмітки, за допомогою якого можна легко створювати складну адаптивну композицію. Він перетворює елемент HTML у сітку і допомагає розмістити дочірні елементи будь-де на екрані.",
|
||||
"У цьому курсі ви вивчите основи CSS Grid, створюючи різні складні композиції, в тому числі макет блогу."
|
||||
]
|
||||
},
|
||||
"responsive-web-design-projects": {
|
||||
"title": "Проєкти Адаптивного вебдизайну",
|
||||
"title": "Проєкти «Адаптивний вебдизайн»",
|
||||
"intro": [
|
||||
"Настав час скористатися отриманими навичками на практиці. Під час роботи над проєктами, ви зможете застосувати всі навички, правила і поняття, які ви нещодавно вивчили, такі як: HTML, CSS, Візуальний дизайн, Застосування для людей з обеженими можливостями та інше.",
|
||||
"Завершіть 5 проєктів з вебпрограмування, що розташовані нижче, аби отримати свій сертифікат з адаптивного вебдизайну."
|
||||
"Настав час скористатися отриманими навичками на практиці. Під час роботи над проєктами ви зможете застосувати всі навички, правила і поняття, які ви нещодавно вивчили, такі як: HTML, CSS, візуальний дизайн, доступність та інше.",
|
||||
"Завершіть п'ять проєктів з вебпрограмування, що розташовані нижче, аби отримати свій сертифікат з адаптивного вебдизайну."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"2022/responsive-web-design": {
|
||||
"title": "(New) Responsive Web Design",
|
||||
"title": "(Новий) адаптивний вебдизайн",
|
||||
"intro": [
|
||||
"In this Responsive Web Design Certification, you'll learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.",
|
||||
"First, you'll build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a quiz site.",
|
||||
"Finally, you'll learn how to make webpages that respond to different screen sizes by building a photo gallery with Flexbox, and a magazine article layout with CSS Grid."
|
||||
"В сертифікації «Адаптивний вебдизайн» ви вивчите мови, які розробники використовують для створення вебсторінок: HTML (мова розмітки гіпертексту) для вмісту та CSS (каскадні таблиці стилів) для дизайну.",
|
||||
"Спочатку ви створите застосунок із фотографіями котів, аби вивчити основи HTML та CSS. Пізніше ви опануєте сучасні методи, такі як змінні CSS, завдяки створенню пінгвіна, а також створите вікторину, щоб опанувати доступність.",
|
||||
"Наостанок, ви дізнаєтеся, як створити вебсторінки, які реагують на зміну розміру екрану, створивши фотогалерею за допомогою Flexbox і макет журналу з CSS Grid."
|
||||
],
|
||||
"note": "Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.",
|
||||
"note": "Примітка: деякі розширення браузера (як блокувальники реклами та темні режими) можуть втручатися в тести. Якщо ви зіткнулися з подібними проблемами, ми рекомендуємо вимкнути розширення, які змінюють вміст або макет сторінок під час виконання курсу.",
|
||||
"blocks": {
|
||||
"build-a-tribute-page-project": {
|
||||
"title": "Tribute Page",
|
||||
"title": "Пам'ятна сторінка",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build a tribute page for a subject of your choosing, fictional or real."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"В цьому проєкті ви створите пам'ятку сторінку на тему за власним вибором."
|
||||
]
|
||||
},
|
||||
"build-a-personal-portfolio-webpage-project": {
|
||||
"title": "Personal Portfolio Webpage",
|
||||
"title": "Вебсторінка персонального портфоліо",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build your own personal portfolio page."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"В цьому проєкті ви створите вебсторінку персонального портфоліо."
|
||||
]
|
||||
},
|
||||
"build-a-product-landing-page-project": {
|
||||
"title": "Product Landing Page",
|
||||
"title": "Посадкова сторінка продукту",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build a product landing page to market a product of your choice."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"В цьому проєкті ви створите посадкову сторінку продукту, щоб збути продукт за власним вибором."
|
||||
]
|
||||
},
|
||||
"build-a-survey-form-project": {
|
||||
"title": "Survey Form",
|
||||
"title": "Форма для опитування",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build a survey form to collect data from your users."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"В цьому проєкті ви створите форму для опитування, щоб зібрати дані своїх користувачів."
|
||||
]
|
||||
},
|
||||
"build-a-technical-documentation-page-project": {
|
||||
"title": "Technical Documentation Page",
|
||||
"title": "Сторінка технічної документації",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build a technical documentation page to serve as instruction or reference for a topic."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"В цьому проєкті ви створите сторінку технічної документації, яка служитиме інструкцією або довідником."
|
||||
]
|
||||
},
|
||||
"learn-html-by-building-a-cat-photo-app": {
|
||||
"title": "Learn HTML by Building a Cat Photo App",
|
||||
"title": "Вивчіть HTML, створивши застосунок з котами",
|
||||
"intro": [
|
||||
"HTML tags give a webpage its structure. You can use HTML tags to add photos, buttons, and other elements to your webpage.",
|
||||
"In this course, you'll learn the most common HTML tags by building your own cat photo app."
|
||||
"Теґи HTML надають вебсторінці структуру. Ви можете використовувати теґи HTML, щоб додати фотографії, кнопки та інші елементи до своєї вебсторінки.",
|
||||
"У цьому курсі ви вивчите найпоширеніші теґи HTML, створивши власний застосунок з фотографіями котів."
|
||||
]
|
||||
},
|
||||
"learn-basic-css-by-building-a-cafe-menu": {
|
||||
"title": "Learn Basic CSS by Building a Cafe Menu",
|
||||
"title": "Вивчіть основи CSS, створивши меню для кафе",
|
||||
"intro": [
|
||||
"CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements.",
|
||||
"In this course, you'll learn CSS by designing a menu page for a cafe webpage."
|
||||
"CSS повідомляє браузеру, як зображати вашу вебсторінку. Ви можете використовувати CSS, щоб встановити колір, шрифт, розмір та інші властивості елементів HTML.",
|
||||
"У цьому курсі ви вивчите CSS, розробивши дизайн меню для веб-сторінки кафе."
|
||||
]
|
||||
},
|
||||
"learn-the-css-box-model-by-building-a-rothko-painting": {
|
||||
"title": "Learn the CSS Box Model by Building a Rothko Painting",
|
||||
"title": "Вивчіть блокову модель CSS, створивши картину Ротко",
|
||||
"intro": [
|
||||
"Every HTML element is its own box – with its own spacing and a border. This is called the Box Model.",
|
||||
"In this course, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces."
|
||||
"Кожен елемент HTML є своїм власним блоком із власним простором та краєм. Це називається блоковою моделлю.",
|
||||
"У цьому курсі ви використовуватимете CSS та блокову модель, щоб створити власну картину в стилі Ротко."
|
||||
]
|
||||
},
|
||||
"learn-css-variables-by-building-a-city-skyline": {
|
||||
"title": "Learn CSS Variables by Building a City Skyline",
|
||||
"title": "Вивчіть змінні CSS, створивши панораму міста",
|
||||
"intro": [
|
||||
"CSS variables help you organize your styles and reuse them.",
|
||||
"In this course, you'll build a city skyline. You'll learn how to configure CSS variables so you can reuse them whenever you want."
|
||||
"Змінні CSS допомагають організувати стилі та повторно використовувати їх.",
|
||||
"У цьому курсі ви побудуєте панораму міста. Ви дізнаєтеся, як налаштувати змінні CSS для того, щоб повторно використовувати їх, коли забажаєте."
|
||||
]
|
||||
},
|
||||
"learn-html-forms-by-building-a-registration-form": {
|
||||
"title": "Learn HTML Forms by Building a Registration Form",
|
||||
"title": "Вивчіть форми HTML, створивши реєстраційну форму",
|
||||
"intro": [
|
||||
"You can use HTML forms to collect information from people who visit your webpage.",
|
||||
"In this course, you'll learn HTML forms by building a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page."
|
||||
"Ви можете використовувати форми HTML для збору інформації від людей, які відвідують вашу вебсторінку.",
|
||||
"У цьому курсі ви вивчите форми HTML, створивши реєстраційну форму. Ви дізнаєтеся, як керувати типами даних, які люди можуть вводити у вашу форму, і деякі нові інструменти CSS для стилізації своєї сторінки."
|
||||
]
|
||||
},
|
||||
"learn-accessibility-by-building-a-quiz": {
|
||||
"title": "Learn Accessibility by Building a Quiz",
|
||||
"title": "Вивчіть доступність, створивши вікторину",
|
||||
"intro": [
|
||||
"Accessibility is making your webpage easy for all people to use – even people with disabilities.",
|
||||
"In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices."
|
||||
"Доступність полегшує користування вашою вебсторінкою для всіх людей, навіть для людей з порушеннями.",
|
||||
"У цьому курсі ви створите вебсторінку вікторини. Ви дізнаєтеся про інструменти доступності, такі як комбінації клавіш, атрибути ARIA та найкращі поради щодо дизайну."
|
||||
]
|
||||
},
|
||||
"learn-intermediate-css-by-building-a-picasso-painting": {
|
||||
"title": "Learn Intermediate CSS by Building a Picasso Painting",
|
||||
"title": "Вивчіть перехідний CSS, створивши картину Пікассо",
|
||||
"intro": [
|
||||
"In this course, you'll learn how to use some intermediate CSS techniques by coding your own Picasso painting webpage. You'll learn about SVG icons, CSS positioning, and review other CSS skills you've learned."
|
||||
"У цьому курсі ви дізнаєтеся, як використовувати деякі техніки перехідного CSS, кодуючи власну вебсторінку з картиною Пікассо. Ви дізнаєтеся про іконки SVG, позиціювання CSS та пригадаєте інші навички CSS, яких ви навчилися."
|
||||
]
|
||||
},
|
||||
"learn-responsive-web-design-by-building-a-piano": {
|
||||
"title": "Learn Responsive Web Design by Building a Piano",
|
||||
"title": "Вивчіть адаптивний вебдизайн, створивши піаніно",
|
||||
"intro": [
|
||||
"Responsive Design tells your webpage how it should look on different-sized screens.",
|
||||
"In this course, you'll use CSS and Responsive Design to code a piano. You'll also learn more about media queries and pseudo selectors."
|
||||
"Адаптивний дизайн каже вашій вебсторінці, як вона має виглядати на екранах різного розміру.",
|
||||
"У цьому курсі ви використовуватимете CSS та адаптивний дизайн для кодування піаніно. До того ж, ви більше дізнаєтесь про медіазапити та псевдоселектори."
|
||||
]
|
||||
},
|
||||
"learn-css-flexbox-by-building-a-photo-gallery": {
|
||||
"title": "Learn CSS Flexbox by Building a Photo Gallery",
|
||||
"title": "Вивчіть CSS Flexbox, створивши фотогалерею",
|
||||
"intro": [
|
||||
"Flexbox helps you design your webpage so that it looks good on any screen size.",
|
||||
"In this course, you'll use Flexbox to build a responsive photo gallery webpage."
|
||||
"Flexbox допомагає створити вебсторінку, яка матиме хороший вигляд на екрані будь-якого розміру.",
|
||||
"У цьому курсі ви використовуватимете Flexbox для створення адаптивної вебсторінки фотогалереї."
|
||||
]
|
||||
},
|
||||
"learn-css-grid-by-building-a-magazine": {
|
||||
"title": "Learn CSS Grid by Building a Magazine",
|
||||
"title": "Вивчіть CSS Grid, створивши журнал",
|
||||
"intro": [
|
||||
"CSS Grid gives you control over the rows and columns of your webpage design.",
|
||||
"In this course, you'll build a magazine article. You'll learn how to use CSS Grid, including concepts like grid rows and grid columns."
|
||||
"CSS Grid дає вам можливість керувати рядками та стовпчиками своєї вебсторінки.",
|
||||
"У цьому курсі ви створите журнальну статтю. Ви дізнаєтеся, як використовувати CSS Grid, включно з рядками та стовпчиками сітки."
|
||||
]
|
||||
},
|
||||
"learn-typography-by-building-a-nutrition-label": {
|
||||
"title": "Learn Typography by Building a Nutrition Label",
|
||||
"title": "Вивчіть типографію, створивши етикетку",
|
||||
"intro": [
|
||||
"Typography is the art of styling your text to be easily readable and suit its purpose.",
|
||||
"In this course, you'll use typography to build a nutrition label webpage. You'll learn how to style text, adjust line height, and position your text using CSS."
|
||||
"Типографіка – це мистецтво стилізації тексту, щоб його було легко читати та він відповідав своєму призначенню.",
|
||||
"У цьому курсі ви використовуватимете типографіку, щоб створити вебсторінку з харчовою етикеткою. Ви дізнаєтеся, як стилізувати текст, регулювати висоту рядка та позиціювати текст за допомогою CSS."
|
||||
]
|
||||
},
|
||||
"learn-css-transforms-by-building-a-penguin": {
|
||||
"title": "Learn CSS Transforms by Building a Penguin",
|
||||
"title": "Вивчіть трансформації CSS, створивши пінгвіна",
|
||||
"intro": [
|
||||
"You can transform HTML elements to create appealing designs that draw your reader's eye. You can use transforms to rotate elements, scale them, and more.",
|
||||
"In this course, you'll build a penguin. You'll use CSS transforms to position and resize the parts of your penguin, create a background, and animate your work."
|
||||
"Ви можете трансформувати елементи HTML, щоб створити привабливий дизайн, який привертає увагу читача. Ви можете використовувати трансформації, щоб обертати елементи, масштабувати їх тощо.",
|
||||
"У цьому курсі ви побудуєте пінгвіна. Ви будете використовувати трансформації CSS, щоб позиціювати та змінювати розмір частин свого пінгвіна, створювати фон та анімувати роботу."
|
||||
]
|
||||
},
|
||||
"learn-css-animation-by-building-a-ferris-wheel": {
|
||||
"title": "Learn CSS Animation by Building a Ferris Wheel",
|
||||
"title": "Вивчіть анімацію CSS, створивши оглядове колесо",
|
||||
"intro": [
|
||||
"You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
|
||||
"In this course, you'll build a Ferris wheel. You'll learn how to use CSS to animate elements, transform them, and adjust their speed."
|
||||
"Ви можете використовувати анімацію CSS, щоб привернути увагу до певних розділів вебсторінки та зробити її більш привабливою.",
|
||||
"У цьому курсі ви побудуєте оглядове колесо. Ви дізнаєтеся, як використовувати CSS для анімації елементів, трансформації та регулювання швидкості."
|
||||
]
|
||||
},
|
||||
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": {
|
||||
"title": "Learn More About CSS Pseudo Selectors By Building A Balance Sheet",
|
||||
"title": "Вивчіть більше про псевдоселектори CSS, створивши бухгалтерський баланс",
|
||||
"intro": [
|
||||
"You can use CSS pseudo selectors to change specific HTML elements.",
|
||||
"In this course, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage."
|
||||
"Ви можете використовувати псевдоселектори CSS, щоб змінити певні елементи HTML.",
|
||||
"У цьому курсі ви побудуєте бухгалтерський баланс за допомогою псевдоселекторів. Ви дізнаєтеся як змінити стиль елемента, коли ви наводите на нього курсор, та запускати інші події на своїй вебсторінці."
|
||||
]
|
||||
},
|
||||
"learn-css-colors-by-building-a-set-of-colored-markers": {
|
||||
"title": "Learn CSS Colors by Building a Set of Colored Markers",
|
||||
"title": "Вивчіть кольори CSS, створивши набір кольорових маркерів",
|
||||
"intro": [
|
||||
"Selecting the correct colors for your webpage can greatly improve the aesthetic appeal to your readers.",
|
||||
"In this course, you'll build a set of colored markers. You'll learn different ways to set color values and how to pair colors with each other."
|
||||
"Вибір правильних кольорів для вебсторінки може значно покращити естетичне вподобання читачів.",
|
||||
"У цьому курсі ви створите набір кольорових маркерів. Ви дізнаєтесь про різні способи встановлення значень кольорів та як поєднувати кольори між собою."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"javascript-algorithms-and-data-structures": {
|
||||
"title": "Алгоритми JavaScript та Структури даних",
|
||||
"title": "Алгоритми JavaScript та структури даних",
|
||||
"intro": [
|
||||
"Якщо HTML і CSS відповідають за вміст і стилізацію сторінки, то JavaScript робить її інтерактивно. У довідці \"Алгоритм JavaScript та Структури Даних\" ви вивчите основи JavaScript, включно зі змінними, масивами, об'єктами, циклами та функціями.",
|
||||
"Як тільки ви вивчите основи, ви почнете застосовувати ці знання, створюючи алгоритми, щоб уміло маніпулювати рядками, факторизувати числа, і навіть зможете обчислити орбіту Міжнародної Космічної Станції.",
|
||||
"Крім того, ви також вивчите два важливих стилі або парадигми в програмуванні: Об'єктозорієнтоване програмування (ООП) і Функційне програмування (ФП)."
|
||||
"Якщо HTML та CSS відповідають за вміст і стилізацію сторінки, то JavaScript робить її інтерактивно. У сертифікації «Алгоритми JavaScript та структури даних» ви вивчите основи JavaScript, включно зі змінними, масивами, об'єктами, циклами та функціями.",
|
||||
"Як тільки ви вивчите основи, ви почнете застосовувати ці знання, створюючи алгоритми, щоб уміло маніпулювати рядками, факторизувати числа, і навіть зможете обчислити орбіту міжнародної космічної станції.",
|
||||
"Крім того, ви також вивчите два важливих стилі або парадигми в програмуванні: об'єктноорієнтоване програмування (ООП) та функційне програмування (ФП)."
|
||||
],
|
||||
"note": "Примітка: Деякі розширення браузера, такі як блокувальники реклами та скриптів можуть заважати тестам. Якщо ж ви зіштовхнулися з проблемами, ми рекомендуємо вимкнути розширення, які змінюють або блокують вміст сторінок під час проходження курсу.",
|
||||
"note": "Примітка: деякі розширення браузера (як блокувальники реклами та скриптів) можуть втручатися в тести. Якщо ви зіткнулися з подібними проблемами, ми рекомендуємо вимкнути розширення, які змінюють або блокують вміст сторінок під час виконання курсу.",
|
||||
"blocks": {
|
||||
"basic-javascript": {
|
||||
"title": "Основи JavaScript",
|
||||
"intro": [
|
||||
"JavaScript — це скриптова мова, яка використовується для того, аби зробити вебсайти інтерактивними. Це одна з основних технологій в мережі (разом з HTML та CSS), яка підтримується всіма сучасними браузерами.",
|
||||
"У цьому курсі ви вивчите головні поняття програмування в JavaScript. Ви почнете з простих структур даних, таких як числа та рядки. Далі ви почнете роботу з масивами, об'єктами, функціями, циклами, умовними конструкціями (if/else) тощо."
|
||||
"У цьому курсі ви вивчите головні поняття програмування в JavaScript. Ви почнете з простих структур даних, таких як числа та рядки. Далі ви почнете роботу з масивами, об'єктами, функціями, циклами, умовними конструкціями тощо."
|
||||
]
|
||||
},
|
||||
"es6": {
|
||||
"title": "ES6",
|
||||
"intro": [
|
||||
"ECMAScript, або ES — це стандартизована версія JavaScript. Оскільки більшість браузерів дотримуються цих стандартів, умови ECMAScript і JavaScript є взаємозамінними.",
|
||||
"ECMAScript, або ES – це стандартизована версія JavaScript. Оскільки більшість браузерів дотримуються цих стандартів, ECMAScript та JavaScript є взаємозамінними.",
|
||||
"Більша частина JavaScript (про яку ви вже дізналися) була в ES5 (ECMAScript 5), який утвердили у 2009 році. Поки ви все ще маєте можливість писати програми в ES5, JavaScript постійно розвивається і там щорічно вводяться нові функції.",
|
||||
"У ES6, який випустили у 2015 році, додали багато нових потужних функцій до цієї мови. У курсі ви вивчите ці нові особливості, такі як функції arrow (стрілки), деструкція, класи, проміси та модулі."
|
||||
"ES6, який випустили у 2015 році, додав багато нових потужних функцій до цієї мови. У курсі ви вивчите нові особливості, такі як стрілочні функції, деструкція, класи, проміси та модулі."
|
||||
]
|
||||
},
|
||||
"regular-expressions": {
|
||||
"title": "Регулярні вирази",
|
||||
"intro": [
|
||||
"Регулярні вирази (відомі як \"regex\" або \"regexp\") — шаблони, які допомагають програмістам поєднувати, шукати та замінювати текст. Регулярні вирази дуже важливі, але їх важко читати, оскільки у них використовуються спеціальні символи для створення складніших, гнучкіших поєднань.",
|
||||
"Регулярні вирази (відомі як «regex» або «regexp») – шаблони, які допомагають програмістам поєднувати, шукати та замінювати текст. Регулярні вирази дуже важливі, але їх важко читати, оскільки у них використовуються спеціальні символи для створення складніших, гнучкіших поєднань.",
|
||||
"У цьому курсі ви дізнаєтеся як використовувати спеціальні символи, групи захоплення, позитивний та негативний огляди та інші техніки, аби текст відповідав бажаному."
|
||||
]
|
||||
},
|
||||
"debugging": {
|
||||
"title": "Налагодження програм",
|
||||
"intro": [
|
||||
"Налагодження програм — це процес перевірки коду на наявність помилок та їх виправлення.",
|
||||
"Налагодження програм – це процес перевірки коду на наявність помилок та їх виправлення.",
|
||||
"Помилки в коді, як правило, розподіляють на три категорії: синтаксичні, які заважають вашій програмі працювати; помилки середовища виконання, коли ваш код поводиться непередбачувано; або логічні, коли ваш код не виконує свою функцію.",
|
||||
"У цьому курсі ви дізнаєтеся як використовувати консоль JavaScript, аби налагодити програми та уникнути розповсюджених помилок."
|
||||
]
|
||||
@@ -258,30 +258,30 @@
|
||||
"basic-data-structures": {
|
||||
"title": "Основи структур даних",
|
||||
"intro": [
|
||||
"Багатьома способами можна зберегти дані та отримати до них доступ. Ви вже знаєте деякі загальні структури даних JavaScript - масиви та об'єкти.",
|
||||
"У цьому курсі Основ структур даних ви дізнаєтеся більше про різницю між масивами та об'єктами, та в яких ситуаціях вони використовуються. Ви також дізнаєтеся як використовувати корисні JS методи, такі як <code>splice()</code> і <code>Object.keys()</code> аби отримати доступ до даних та маніпулювати ними."
|
||||
"Багатьома способами можна зберегти дані та отримати до них доступ. Ви вже знаєте деякі загальні структури даних JavaScript – масиви та об'єкти.",
|
||||
"У курсі «Основи структур даних» ви дізнаєтеся більше про різницю між масивами та об'єктами, та в яких ситуаціях вони використовуються. Ви також дізнаєтеся як використовувати корисні методи JS, такі як <code>splice()</code> та <code>Object.keys()</code>, аби отримати доступ до даних та маніпулювати ними."
|
||||
]
|
||||
},
|
||||
"basic-algorithm-scripting": {
|
||||
"title": "Основи написання алгоритмів",
|
||||
"intro": [
|
||||
"Алгоритм — це ряд покрокових інструкцій, які описують як щось робити.",
|
||||
"Алгоритм – це ряд покрокових інструкцій, які описують як щось робити.",
|
||||
"Написання успішного алгоритму допомагає розбити задачу на менші частини та гарно подумати над тим, як вирішити кожну частину за допомогою коду.",
|
||||
"У цьому курсі ви вивчите основи алгоритмічного мислення, пишучи алгоритми, які роблять усе - від перетворення температур до користування складними 2D масивами."
|
||||
"У цьому курсі ви вивчите основи алгоритмічного мислення, пишучи алгоритми, які роблять усе: від перетворення температур до користування складними 2D масивами."
|
||||
]
|
||||
},
|
||||
"object-oriented-programming": {
|
||||
"title": "Об'єктозорієнтоване програмування",
|
||||
"title": "Об'єктноорієнтоване програмування",
|
||||
"intro": [
|
||||
"ООП, або Об'єктозорієнтоване програмування - це один з основних підходів до процесу розробки програмного забезпечення. В ООП об'єкти й класи впорядковують код для опису речей і того, що вони роблять.",
|
||||
"У цьому курсі ви вивчите основні принципи ООП в JavaScript, включаючи <code>this</code> ключове слово, прототипи ланцюгів, конструктори та наслідування."
|
||||
"ООП, або об'єктноорієнтоване програмування – це один з основних підходів до процесу розробки програмного забезпечення. В ООП об'єкти та класи впорядковують код для опису речей і того, що вони роблять.",
|
||||
"У цьому курсі ви вивчите основні принципи ООП в JavaScript, включно з ключовим словом <code>this</code>, прототипи ланцюгів, конструктори та наслідування."
|
||||
]
|
||||
},
|
||||
"functional-programming": {
|
||||
"title": "Функційне програмування",
|
||||
"intro": [
|
||||
"Функційне програмування це ще один популярний підхід до розробки програмного забезпечення. У функційному програмуванні код впорядкований у менші, прості функції, які можна об'єднувати для створення складних програм.",
|
||||
"У цьому курсі ви вивчите основні поняття функційного програмування, включаючи чисті функції, як уникнути мутацій і як писати чистіший код за допомогою методів, таких як <code>.map()</code> і <code>.filter()</code>."
|
||||
"Функційне програмування – це ще один популярний підхід до розробки програмного забезпечення. У функційному програмуванні код впорядкований у менші, прості функції, які можна об'єднувати для створення складних програм.",
|
||||
"У цьому курсі ви вивчите основні поняття функційного програмування, включно з чистими функціями, як уникнути мутацій і як писати чистіший код за допомогою методів, таких як <code>.map()</code> і <code>.filter()</code>."
|
||||
]
|
||||
},
|
||||
"intermediate-algorithm-scripting": {
|
||||
@@ -291,73 +291,73 @@
|
||||
]
|
||||
},
|
||||
"javascript-algorithms-and-data-structures-projects": {
|
||||
"title": "Проєкти з Алгоритмами JavaScript та Структурами даних",
|
||||
"title": "Проєкти «Алгоритми JavaScript та структури даних»",
|
||||
"intro": [
|
||||
"Тепер настав час випробувати свої навички роботи з JavaScript на практиці. Ці проєкти подібні до тестів з написання алгоритмів, які ви вже робили, але складніші.",
|
||||
"Виконайте ці 5 проєктів JavaScript, аби отримати сертифікат \"Алгоритми JavaScript та Структури даних\"."
|
||||
"Виконайте п'ять проєктів JavaScript, аби отримати сертифікацію «Алгоритми JavaScript та структури даних»."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"2022/javascript-algorithms-and-data-structures": {
|
||||
"title": "JavaScript Algorithms and Data Structures (Beta)",
|
||||
"title": "Алгоритми JavaScript та структури даних (бета-версія)",
|
||||
"intro": [
|
||||
"placeholder",
|
||||
"placeholder"
|
||||
"заповнювач",
|
||||
"заповнювач"
|
||||
],
|
||||
"note": "",
|
||||
"blocks": {
|
||||
"build-a-caesars-cipher-project": {
|
||||
"title": "Build a Caesars Cipher Project",
|
||||
"title": "Проєкт «Створіть шифр Цезаря»",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"build-a-cash-register-project": {
|
||||
"title": "Build a Cash Register Project",
|
||||
"title": "Проєкт «Створіть касовий апарат»",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"build-a-palindrome-checker-project": {
|
||||
"title": "Build a Palindrome Checker Project",
|
||||
"title": "Проєкт «Створіть перевірку паліндрома»",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"build-a-roman-numeral-converter-project": {
|
||||
"title": "Build a Roman Numeral Converter Project",
|
||||
"title": "Проєкт «Створіть конвертер римських чисел»",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"build-a-telephone-number-validator-project": {
|
||||
"title": "Build a Telephone Number Validator Project",
|
||||
"title": "Проєкт «Створіть валідатор мобільного номера»",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"learn-basic-javascript-by-building-a-role-playing-game": {
|
||||
"title": "Learn Basic JavaScript by Building a Role Playing Game",
|
||||
"title": "Вивчіть основи JavaScript, створивши рольову гру",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"learn-form-validation-by-building-a-calorie-counter": {
|
||||
"title": "Learn Form Validation by Building a Calorie Counter",
|
||||
"title": "Вивчіть валідацію форм, створивши лічильник калорій",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
]
|
||||
},
|
||||
"learn-functional-programming-by-building-a-spreadsheet": {
|
||||
"title": "Learn Functional Programming by Building a Spreadsheet",
|
||||
"title": "Вивчіть функційне програмування, створивши електронну таблицю",
|
||||
"intro": [
|
||||
"",
|
||||
""
|
||||
@@ -366,10 +366,10 @@
|
||||
}
|
||||
},
|
||||
"front-end-development-libraries": {
|
||||
"title": "Бібліотеки фронтенд (Front End)",
|
||||
"title": "Бібліотеки Front End",
|
||||
"intro": [
|
||||
"Тепер, коли ви вже знайомі з HTML, CSS та JavaScript, піднімімо ваш рівень навичок, вивчаючи декілька найбільш популярних бібліотек верстки в галузі.",
|
||||
"У курсі \"Бібліотеки фронтенд\" ви навчитеся швидко стилізувати ваш сайт за допомогою Bootstrap. Також ви навчитеся покращувати ваші CSS стилі та розширювати їх за допомогою Sass.",
|
||||
"У курсі «Бібліотеки Front End» ви навчитеся швидко стилізувати свій сайт за допомогою Bootstrap. Також ви навчитеся покращувати свої стилі CSS та розширювати їх за допомогою Sass.",
|
||||
"Згодом ви розробите кошик для покупок та інші застосунки, щоб навчитися створювати потужні односторінкові застосунки (SPAs) з React та Redux."
|
||||
],
|
||||
"note": "",
|
||||
@@ -377,53 +377,53 @@
|
||||
"bootstrap": {
|
||||
"title": "Bootstrap",
|
||||
"intro": [
|
||||
"Bootstrap — це фронтенд каркас створений для проєктування адаптивних вебсторінок та застосунків. Для веброзробки цей фреймворк використовує принцип Mobile First, включає попередньо інтегровані стилі та класи CSS і деякі розширення JavaScript.",
|
||||
"Bootstrap – це фронтенд каркас, створений для проєктування адаптивних вебсторінок та застосунків. Для веброзробки цей фреймворк використовує принцип Mobile First, включає попередньо інтегровані стилі та класи CSS і деякі розширення JavaScript.",
|
||||
"Під час цього курсу ви навчитеся створювати адаптивні вебсайти за допомогою Bootstrap та використовувати готові шаблони для стилізації кнопок, зображень, форм, навігації та інших поширених елементів."
|
||||
]
|
||||
},
|
||||
"jquery": {
|
||||
"title": "jQuery",
|
||||
"intro": [
|
||||
"jQuery — одна з найпопулярніших у світі бібліотек JavaScript.",
|
||||
"До її запуску у 2006 році, кожний браузер використовував JavaScript по своєму. jQuery спростила роботу з JavaScript для користувачів, а також забезпечила кросбраузерність створених кодів.",
|
||||
"jQuery – одна з найпопулярніших у світі бібліотек JavaScript.",
|
||||
"До її запуску у 2006 році, кожний браузер використовував JavaScript по-своєму. jQuery спростила роботу з JavaScript для користувачів, а також забезпечила кросбраузерність створених кодів.",
|
||||
"Під час цього курсу ви навчитеся використовувати jQuery для виділення, вилучення, копіювання та редагування різних елементів на сторінці."
|
||||
]
|
||||
},
|
||||
"sass": {
|
||||
"title": "SASS",
|
||||
"intro": [
|
||||
"Sass, або \"Syntactically Awesome StyleSheets\" — це мовне розширення CSS, що містить функції, яких немає у базовому CSS, і тим самим допомагає спростити створення таблиць стилів для ваших проєктів.",
|
||||
"У цьому курсі ви навчитеся зберігати дані у змінних, вкладати CSS, створювати багаторазові стилі за допомогою міксин (Mixins), додавати умовні конструкції та цикли до ваших стилів тощо."
|
||||
"Sass, або «Syntactically Awesome StyleSheets» – це мовне розширення CSS, що містить функції, яких немає у базовому CSS, і тим самим допомагає спростити створення таблиць стилів для ваших проєктів.",
|
||||
"У цьому курсі ви навчитеся зберігати дані у змінних, вкладати CSS, створювати багаторазові стилі за допомогою міксин, додавати умовні конструкції та цикли до своїх стилів тощо."
|
||||
]
|
||||
},
|
||||
"react": {
|
||||
"title": "React",
|
||||
"intro": [
|
||||
"React — це популярна бібліотека JavaScript для створення багаторазових компонентних користувацьких інтерфейсів для вебсторінок або додатків.",
|
||||
"React – це популярна бібліотека JavaScript для створення багаторазових компонентних користувацьких інтерфейсів для вебсторінок або додатків.",
|
||||
"React поєднує HTML з функціями JavaScript, формуючи власну мову розмітки під назвою JSX. React також дозволяє легко керувати потоком даних у всьому додатку.",
|
||||
"Під час цього курсу ви навчитеся створювати різні компоненти React, керувати даними за допомогою пропсів (props), а також застосовувати різні методи життєвого циклу, такі як <code>componentDidMount</code> тощо."
|
||||
"Під час цього курсу ви навчитеся створювати різні компоненти React, керувати даними за допомогою пропсів, а також застосовувати різні методи життєвого циклу, такі як <code>componentDidMount</code> тощо."
|
||||
]
|
||||
},
|
||||
"redux": {
|
||||
"title": "Redux",
|
||||
"intro": [
|
||||
"Зі збільшенням розмірів та кількості додатків, керувати спільними даними стає все складніше. Redux називають \"відкритою JS бібліотекою призначеною для управління станом програм JavaScript\", яка забезпечує належну роботу ваших програм і спрощує їхнє тестування.",
|
||||
"Зі збільшенням розмірів та кількості додатків, керувати спільними даними стає все складніше. Redux називають «відкритою JS бібліотекою призначеною для управління станом програм JavaScript», яка забезпечує належну роботу ваших програм і спрощує тестування.",
|
||||
"Хоча ви можете використовувати його з будь-якою іншою бібліотекою, ми лише коротко розповімо про Redux, а тоді об'єднаємо його з React у наступному наборі курсів.",
|
||||
"Під час цього курсу ви вивчите базову інформацію про сховища, дії, редуктори та проміжне програмне забезпечення Redux для керування даними у вашому додатку."
|
||||
"Під час цього курсу ви вивчите базову інформацію про сховища, дії, редуктори та проміжне програмне забезпечення Redux для керування даними у своєму додатку."
|
||||
]
|
||||
},
|
||||
"react-and-redux": {
|
||||
"title": "React і Redux",
|
||||
"title": "React та Redux",
|
||||
"intro": [
|
||||
"React часто використовують разом із Redux, і не дарма. Redux і React створив один програміст, який хотів зробити процес передачі даних між компонентами простішим.",
|
||||
"Тепер коли ви вже навчились керувати загальними даними за допомогою Redux, ви можете виконувати дії й в React. На курсах React і Redux, ви навчитесь будувати компонент React і дізнаєтесь, як локально керувати станом на рівні компонента та й у цілому додатку за допомогою Redux."
|
||||
]
|
||||
},
|
||||
"front-end-development-libraries-projects": {
|
||||
"title": "Проєкти по бібліотеках фронтенд розробки",
|
||||
"title": "Проєкти «Бібліотеки Front End»",
|
||||
"intro": [
|
||||
"Прийшов час протестувати ваші навички роботи з бібліотеками фронтенд розробки. Використовуйте Bootstrap, jQuery, Sass, React та Redux, аби створити 5 проєктів, що перевірять ваші знання з усього, що ви вивчили дотепер.",
|
||||
"Завершіть всі 5 проєктів і отримайте сертифікат по бібліотеках фронтенд розробки."
|
||||
"Виконайте п'ять проєктів та отримайте сертифікацію по бібліотеках фронтенд розробки."
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -432,33 +432,33 @@
|
||||
"title": "Візуалізація даних",
|
||||
"intro": [
|
||||
"Дані повсюди, але це не означає, що більшість з них без форми чи контексту.",
|
||||
"У сертифікаті \"Візуалізація даних\" ви створите діаграми, графіки та карти, що показують різні типи даних, за допомогою бібліотеки D3.js.",
|
||||
"Ви також дізнаєтесь про JSON (JavaScript Object Notation), і як працювати з даними онлайн користуючись API (Application Programing Interface)."
|
||||
"У сертифікації «Візуалізація даних» ви створите діаграми, графіки та карти, що показують різні типи даних, за допомогою бібліотеки D3.js.",
|
||||
"Ви також дізнаєтесь про JSON (JavaScript Object Notation) та як працювати з даними онлайн, користуючись API (Application Programing Interface)."
|
||||
],
|
||||
"note": "",
|
||||
"blocks": {
|
||||
"data-visualization-with-d3": {
|
||||
"title": "Візуалізація даних за допомогою D3",
|
||||
"title": "Візуалізація даних з D3",
|
||||
"intro": [
|
||||
"D3, або D3.js — розшифровується як \"Data Driven Documents\", а українською — \"Документи, керовані даними\". Це бібліотека JavaScript для створення функціональної та інтерактивної візуалізації даних у браузері.",
|
||||
"D3, або D3.js, розшифровується як «Data Driven Documents». Це бібліотека JavaScript для створення функціональної та інтерактивної візуалізації даних у браузері.",
|
||||
"D3 створено для роботи з поширеними вебстандартами, а саме: HTML, CSS і SVG (масштабована векторна графіка).",
|
||||
"D3 підтримує багато різних форматів даних. Тому, використовуючи її потужні вбудовані методи, ви можете перетворити ці дані у різні діаграми, графіки та карти.",
|
||||
"У курсі \"Візуалізація даних за допомогою D3\" ви навчитеся працювати з даними, аби створювати різні діаграми, графіки, hover елементи, та інші складові частини, аби створити динамічну та принадну візуалізацію даних."
|
||||
"У курсі «Візуалізація даних з D3» ви навчитеся працювати з даними, аби створювати різні діаграми, графіки, елементи наведення та інші складові частини, аби створити динамічну та принадну візуалізацію даних."
|
||||
]
|
||||
},
|
||||
"json-apis-and-ajax": {
|
||||
"title": "JSON API та AJAX",
|
||||
"intro": [
|
||||
"Так само як інтерфейс користувача (UIs) допомагає людям користуватися програмами, так само й APIs (Application Programming Interfaces) допомагає програмам взаємодіяти між собою. APIs — це інструменти, які використовуються комп'ютерами для комунікування один з одним, і, частково, для надсилання та отримання даних.",
|
||||
"Так само як інтерфейс користувача (UIs) допомагає людям користуватися програмами, так само й APIs (Application Programming Interfaces) допомагає програмам взаємодіяти між собою. APIs – це інструменти, які використовуються комп'ютерами для комунікування один з одним, і, частково, для надсилання та отримання даних.",
|
||||
"Програмісти часто використовують AJAX (Asynchronous JavaScript and XML) при роботі з APIs. AJAX належить до групи технологій, які роблять асинхронні запити до сервера для передачі даних, а потім завантажують будь-які отримані дані до сторінки. І дані, що були передані між браузером і сервером, часто мають формат JSON (JavaScript Object Notation).",
|
||||
"Цей курс навчить вас основ роботи з APIs та різними AJAX технологіями в браузері."
|
||||
"Цей курс навчить вас основ роботи з APIs та різними технологіями AJAX в браузері."
|
||||
]
|
||||
},
|
||||
"data-visualization-projects": {
|
||||
"title": "Проєкти візуалізації даних",
|
||||
"title": "Проєкти «Візуалізація даних»",
|
||||
"intro": [
|
||||
"Тепер, коли ви дізналися як працювати з D3, APIs та AJAX технологіями, перевірте свої навички за допомогою цього тесту з 5-ма проєктами візуалізації даних.",
|
||||
"У цих проєктах вам потрібно буде отримати й проаналізувати набір даних, тоді використати D3 для створення різної візуалізації даних. Завершіть усі проєкти, аби отримати сертифікат з візуалізації даних."
|
||||
"У цих проєктах вам потрібно буде отримати й проаналізувати набір даних, тоді використати D3 для створення різної візуалізації даних. Завершіть усі проєкти, аби отримати сертифікацію з візуалізації даних."
|
||||
]
|
||||
},
|
||||
"d3-dashboard": {
|
||||
@@ -471,148 +471,148 @@
|
||||
}
|
||||
},
|
||||
"relational-database": {
|
||||
"title": "Relational Database (Beta)",
|
||||
"title": "Реляційна база даних (бета-версія)",
|
||||
"intro": [
|
||||
"For these courses, you will use real developer tools and software including VS Code, PostgreSQL, and the Linux / Unix command line to complete interactive tutorials and build projects.",
|
||||
"These courses start off with basic Bash commands. Using the terminal, you will learn everything from navigating and manipulating a file system, scripting in Bash, all the way to advanced usage.",
|
||||
"Next, you will learn how to create and use a relational database with PostgreSQL, a database management system, and SQL, the language of these databases.",
|
||||
"Finally, you will learn Git, the version control system, an essential tool of every developer."
|
||||
"У цих курсах ви використовуватимете реальні інструменти розробника та програмне забезпечення, включно з VS Code, PostgreSQL та командним рядком Linux / Unix для завершення інтерактивних уроків і створення проєктів.",
|
||||
"Ці курси починаються з основних команд Bash. За допомогою терміналу ви навчитеся усього необхідного (від навігації та маніпуляції файловою системою, написання скрипту в Bash до просунутого використання).",
|
||||
"Далі ви навчитеся створювати та використовувати реляційну базу даних з PostgreSQL (система керування базами даних) та SQL (мова баз даних).",
|
||||
"Зрештою, ви дізнаєтеся про Git, систему контролю версій, важливий інструмент кожного розробника."
|
||||
],
|
||||
"blocks": {
|
||||
"build-a-celestial-bodies-database-project": {
|
||||
"title": "Celestial Bodies Database",
|
||||
"title": "База даних «Небесні тіла»",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build a database of celestial bodies using PostgreSQL."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"У цьому проєкті ви побудуєте базу даних небесних тіл, використовуючи PostgreSQL."
|
||||
]
|
||||
},
|
||||
"build-a-number-guessing-game-project": {
|
||||
"title": "Number Guessing Game",
|
||||
"title": "Гра «Вгадай число»",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will use Bash scripting, PostgreSQL, and Git to create a number guessing game that runs in the terminal and saves user information."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"У цьому проєкті ви використовуватимете сценарії Bash, PostgreSQL та Git, щоб створити гру з вгадуванням чисел, яка запускається в терміналі та зберігає інформацію користувача."
|
||||
]
|
||||
},
|
||||
"build-a-periodic-table-database-project": {
|
||||
"title": "Periodic Table Database",
|
||||
"title": "База даних «Періодична таблиця»",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will create Bash a script to get information about chemical elements from a periodic table database."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"У цьому проєкті ви створите скрипт Bash для отримання інформації про хімічні елементи з бази даних періодичної таблиці."
|
||||
]
|
||||
},
|
||||
"build-a-salon-appointment-scheduler-project": {
|
||||
"title": "Salon Appointment Scheduler",
|
||||
"title": "Планувальник «Записи в салоні»",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will create an interactive Bash program that uses PostgreSQL to track the customers and appointments for your salon."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"У цьому проєкті ви створите інтерактивну програму Bash, яка використовує PostgreSQL для відстеження клієнтів і зустрічей у вашому салоні."
|
||||
]
|
||||
},
|
||||
"build-a-world-cup-database-project": {
|
||||
"title": "World Cup Database",
|
||||
"title": "База даних «Чемпіонат світу»",
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will create a Bash script that enters information from World Cup games into PostgreSQL, then query the database for useful statistics."
|
||||
"Це один з обов'язкових до виконання проєктів для отримання сертифікації.",
|
||||
"У цьому проєкті ви створите скрипт Bash, який вводить інформацію з ігор чемпіонату світу в PostgreSQL, а потім запитує базу даних для отримання статистики."
|
||||
]
|
||||
},
|
||||
"learn-advanced-bash-by-building-a-kitty-ipsum-translator": {
|
||||
"title": "Learn Advanced Bash by Building a Kitty Ipsum Translator",
|
||||
"title": "Вивчіть прогресивний Bash, створивши перекладач Kitty Ipsum",
|
||||
"intro": [
|
||||
"There's more to Bash commands than you might think.",
|
||||
"In this 140-lesson course, you will learn some more complex commands, and the details of how commands work."
|
||||
"У командах Bash більше, ніж ви могли собі уявити.",
|
||||
"У цьому курсі з 140 уроків ви дізнаєтеся про деякі складніші команди, а також детально дізнаєтеся як вони працюють."
|
||||
]
|
||||
},
|
||||
"learn-bash-and-sql-by-building-a-bike-rental-shop": {
|
||||
"title": "Learn Bash and SQL by Building a Bike Rental Shop",
|
||||
"title": "Вивчіть Bash та SQL, створивши магазин прокату велосипедів",
|
||||
"intro": [
|
||||
"In this 210-lesson course, you will build an interactive Bash program that stores rental information for your bike rental shop using PostgreSQL."
|
||||
"У цьому курсі з 210 уроків ви створите інтерактивну програму Bash, яка зберігатиме інформацію про оренду для вашого магазину прокату велосипедів, використовуючи PostgreSQL."
|
||||
]
|
||||
},
|
||||
"learn-bash-by-building-a-boilerplate": {
|
||||
"title": "Learn Bash by Building a Boilerplate",
|
||||
"title": "Вивчіть Bash, створивши шаблонний код",
|
||||
"intro": [
|
||||
"The terminal allows you to send text commands to your computer that can manipulate the file system, run programs, automate tasks, and much more.",
|
||||
"In this 170-lesson course, you will learn terminal commands by creating a website boilerplate using only the command line."
|
||||
"Термінал дозволяє відправляти текстові команди на ваш комп’ютер, які можуть маніпулювати файловою системою, запускати програми, автоматизувати завдання та багато іншого.",
|
||||
"У цьому курсі з 170 уроків ви вивчите команди терміналу, створивши шаблонний код вебсайту, використовуючи лише командний рядок."
|
||||
]
|
||||
},
|
||||
"learn-bash-scripting-by-building-five-programs": {
|
||||
"title": "Learn Bash Scripting by Building Five Programs",
|
||||
"title": "Вивчіть скрипт Bash, створивши п’ять програм",
|
||||
"intro": [
|
||||
"Bash scripts combine terminal commands and logic into programs that can execute or automate tasks, and much more.",
|
||||
"In this 220-lesson course, you will learn more terminal commands and how to use them within Bash scripts by creating five small programs."
|
||||
"Скрипти Bash поєднують команди терміналу та логіку в програми, які можуть виконувати або автоматизувати завдання та багато іншого.",
|
||||
"У цьому курсі з 220 уроків ви вивчите більше про команди терміналу та як їх використовувати в скриптах Bash, створивши п’ять невеликих програм."
|
||||
]
|
||||
},
|
||||
"learn-git-by-building-an-sql-reference-object": {
|
||||
"title": "Learn Git by Building an SQL Reference Object",
|
||||
"title": "Вивчіть Git, створивши об'єкт SQL",
|
||||
"intro": [
|
||||
"Git is a version control system that keeps track of all the changes you make to your codebase.",
|
||||
"In this 240-lesson course, you will learn how Git keeps track of your code by creating an object containing commonly used SQL commands."
|
||||
"Git – це система контролю версій, яка відстежує усі зміни, внесені вами до свого коду.",
|
||||
"У цьому курсі з 240 уроків ви вивчите як Git відстежує ваш код, створюючи об’єкт, що містить часто використовувані команди SQL."
|
||||
]
|
||||
},
|
||||
"learn-nano-by-building-a-castle": {
|
||||
"title": "Learn Nano by Building a Castle",
|
||||
"title": "Вивчіть Nano, створивши замок",
|
||||
"intro": [
|
||||
"Nano is a program that allows you to edit files right in the terminal.",
|
||||
"In this 40-lesson course, you will learn how to edit files in the terminal with Nano while building a castle."
|
||||
"Nano – це програма, яка дозволяє редагувати файли прямо в терміналі.",
|
||||
"У цьому курсі з 40 уроків ви вивчите як редагувати файли в терміналі за допомогою Nano під час будівництва замку."
|
||||
]
|
||||
},
|
||||
"learn-relational-databases-by-building-a-mario-database": {
|
||||
"title": "Learn Relational Databases by Building a Mario Database",
|
||||
"title": "Вивчіть реляційні бази даних, створивши базу даних «Mario»",
|
||||
"intro": [
|
||||
"A relational database organizes data into tables that are linked together through relationships.",
|
||||
"In this 165-lesson course, you will learn the basics of a relational database by creating a PostgreSQL database filled with video game characters."
|
||||
"Реляційна база даних організовує дані в таблиці, які пов’язані між собою через спорідненість.",
|
||||
"В цьому курсі з 165 уроків ви вивчите основи реляційної бази даних, створивши базу даних PostgreSQL, наповнену персонажами з відеоігор."
|
||||
]
|
||||
},
|
||||
"learn-sql-by-building-a-student-database-part-1": {
|
||||
"title": "Learn SQL by Building a Student Database: Part 1",
|
||||
"title": "Вивчіть SQL, створивши студентську базу даних (частина 1)",
|
||||
"intro": [
|
||||
"SQL, or Structured Query Language, is the language for communicating with a relational database.",
|
||||
"In this 140-lesson course, you will create a Bash script that uses SQL to enter information about your computer science students into PostgreSQL."
|
||||
"SQL, або Structured Query Language (мова структурованих запитів) – це мова для спілкування з реляційною базою даних.",
|
||||
"В цьому курсі з 140 уроків ви створите скрипт Bash, який використовує SQL для введення інформації про ваших студентів з інформатики в PostgreSQL."
|
||||
]
|
||||
},
|
||||
"learn-sql-by-building-a-student-database-part-2": {
|
||||
"title": "Learn SQL by Building a Student Database: Part 2",
|
||||
"title": "Вивчіть SQL, створивши студентську базу даних (частина 2)",
|
||||
"intro": [
|
||||
"SQL join commands are used to combine information from multiple tables in a relational database",
|
||||
"In this 140-lesson course, you will complete your student database while diving deeper into SQL commands."
|
||||
"Команди об’єднання SQL використовуються, щоб поєднати інформацію з кількох таблиць у реляційній базі даних",
|
||||
"У цьому курсі з 140 уроків ви завершите свою базу даних студентів, глибше занурившись в команди SQL."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"back-end-development-and-apis": {
|
||||
"title": "Бекенд розробка та API",
|
||||
"title": "Розробка Back End та API",
|
||||
"intro": [
|
||||
"До цього моменту ви використовували JavaScript тільки для фронтенду, аби зробити вебсторінку інтерактивнішою, чи розв'язати завдання з алгоритмами, або створити односторінкові застосунки (SPA). Але JavaScript можна використовувати й в бекенд, або на сервері, для створення цілих вебзастосунків.",
|
||||
"Сьогодні один із найпопулярніших способів створення застосунків — це за допомогою мікросервісів, маленьких модульних застосунків, які разом формують єдине ціле.",
|
||||
"У курсі \"Бекенд розробка та API\" ви навчитеся писати бекенд програми за допомогою Node.js і npm (Node Package Manager). Також, ви створите вебзастосунок за допомогою фреймворку Express та мікросервіс для пошуку людей (People Finder) за допомогою MongoDB і Mongoose library."
|
||||
"До цього моменту ви використовували JavaScript тільки для фронтенду, аби зробити вебсторінку інтерактивнішою, розв'язати завдання з алгоритмами, або створити SPA. Але JavaScript можна використовувати й в бекенд, або на сервері, для створення цілих вебзастосунків.",
|
||||
"Сьогодні один із найпопулярніших способів створення застосунків – за допомогою мікросервісів, маленьких модульних застосунків, які разом формують єдине ціле.",
|
||||
"У сертифікації «Розробка Back End та API» ви навчитеся писати бекенд програми за допомогою Node.js та npm (Node Package Manager). Також, ви створите вебзастосунок за допомогою фреймворку Express та мікросервіс для пошуку людей за допомогою MongoDB і Mongoose library."
|
||||
],
|
||||
"note": "",
|
||||
"blocks": {
|
||||
"managing-packages-with-npm": {
|
||||
"title": "Керування пакетами NPM",
|
||||
"title": "Керування пакетами з NPM",
|
||||
"intro": [
|
||||
"npm (Node Package Manager) — це інструмент командного рядка для встановлення, створення та поширення пакетів JavaScript-коду написаного для Node.js. На npm знаходяться багато пакетів з відкритим вихідним кодом, тому спершу ретельно їх вивчіть, щоб вам не довелося виправляти помилки під час роботи з даними чи отримання даних з API.",
|
||||
"У цьому курсі ви вивчите основи використання npm, включаючи роботу із <code>package.json</code> та керування вашими встановленими залежностями."
|
||||
"npm (Node Package Manager) – це інструмент командного рядка для встановлення, створення та поширення пакетів коду JavaScript, написаного для Node.js. На npm знаходиться багато пакетів з відкритим вихідним кодом, тому спершу ретельно їх вивчіть, щоб вам не довелося виправляти помилки під час роботи з даними чи отримання даних з API.",
|
||||
"У цьому курсі ви вивчите основи використання npm, включно з тим як працювати із <code>package.json</code> та як керувати встановленими залежностями."
|
||||
]
|
||||
},
|
||||
"basic-node-and-express": {
|
||||
"title": "Основи Node та Express",
|
||||
"intro": [
|
||||
"Node.js — це середовище виконання JavaScript, що дозволяє розробникам писати бекенд (серверні) програми в JavaScript. Node.js має кілька вбудованих модулів, — маленьких, незалежних програм — які допомагають з цим. Деякі з основних модулів містять HTTP, який працює на зразок сервера, і файлову систему — модуль для читання і редагування файлів.",
|
||||
"Node.js – це середовище виконання JavaScript, що дозволяє розробникам писати бекенд (серверні) програми в JavaScript. Node.js має кілька вбудованих модулів, – маленьких, незалежних програм – які допомагають з цим. Деякі з основних модулів містять HTTP, який працює на зразок сервера, і файлову систему – модуль для читання і редагування файлів.",
|
||||
"В останній групі курсів ви навчилися встановлювати та керувати пакетами npm, які є скупченнями менших модулів. Ці пакети можуть допомогти вам створити більші, складніші застосунки.",
|
||||
"Express is a lightweight web application framework, and is one of the most popular packages on npm. Express makes it much easier to create a server and handle routing for your application, which handles things like directing people to the correct page when they visit a certain endpoint like <pre>/blog</pre>.",
|
||||
"У цьому курсі ви дізнаєтесь основи Node та Express, включаючи те, як створювати сервер, обслуговувати різні файли та обробляти різні запити з браузера."
|
||||
"Express – це спрощений фреймворк вебзастосунків та один з найбільш популярних пакетів на npm. Express значно полегшує створення сервера та керування маршрутизацією вашого застосунку, що відповідає за такі речі як перенаправлення людей до потрібної сторінки, коли вони відвідують певну кінцеву точку, наприклад <pre>/blog</pre>.",
|
||||
"У цьому курсі ви дізнаєтесь основи Node та Express, включно з тим, як створювати сервер, обслуговувати різні файли та обробляти різні запити з браузера."
|
||||
]
|
||||
},
|
||||
"mongodb-and-mongoose": {
|
||||
"title": "MongoDB і Mongoose",
|
||||
"title": "MongoDB та Mongoose",
|
||||
"intro": [
|
||||
"MongoDB is a database application that stores JSON documents (or records) that you can use in your application. Unlike SQL, another type of database, MongoDB is a non-relational or \"NoSQL\" database. This means MongoDB stores all associated data within one record, instead of storing it across many preset tables as in a SQL database.",
|
||||
"Mongoose is a popular npm package for interacting with MongoDB. With Mongoose, you can use plain JavaScript objects instead of JSON, which makes it easier to work with MongoDB. Also, it allows you to create blueprints for your documents called schemas, so you don't accidentally save the wrong type of data and cause bugs later.",
|
||||
"На курсах MongoDB та Mongoose, ви вивчите основи роботи із постійними даними, враховуючи налаштування моделі, збереження, видалення та пошук документів у базі даних."
|
||||
"MongoDB – це програма бази даних, яка зберігає JSON документи (чи записи), які ви можете використати у своєму застосунку. На відміну від SQL, іншого типу бази даних, MongoDB – це нереляційна, або «NoSQL» база даних. Це означає, що MongoDB зберігає усі збірні дані в межах одного запису, замість того, щоб тримати їх у багатьох попередньо налаштованих таблицях, як у базі даних SQL.",
|
||||
"Moongoose – це популярний пакет npm для взаємодії з MongoDB. З Moongoose ви можете використовувати прості об'єкти JavaScript замість JSON, що полегшує роботу із MongoDB. Він також дозволяє створити нарис документів під назвою «схеми», щоб ви ненароком не зберегли хибний тип даних та не спричинили помилок.",
|
||||
"На курсах MongoDB та Mongoose ви вивчите основи роботи із постійними даними, враховуючи налаштування моделі, збереження, видалення та пошук документів у базі даних."
|
||||
]
|
||||
},
|
||||
"back-end-development-and-apis-projects": {
|
||||
"title": "Бекенд розробка та проєкти API",
|
||||
"title": "Проєкти «Розробка Back End та API»",
|
||||
"intro": [
|
||||
"Раніше ви уже мали справу з API, але тепер, коли ви знайомі із nmp, Node, Express, Mongo DB та Mongoose, прийшов час створити щось власне. Застосуйте усі отримані знання, щоб створити 5 окремих мікросерверів, які є меншими застосунками з обмеженими можливостями.",
|
||||
"Створивши їх, ви матимете 5 крутих API мікросерверів, якими можна похвалитися перед друзями, рідними чи потенційними роботодавцями. О, а ще новенька бекенд розробка та сертифікати API."
|
||||
|
||||
Reference in New Issue
Block a user