Ви можете вдатися до автоматично перекладених субтитрів, зокрема, якщо ви відчуваєте що це допоможе вам краще засвоїти відеокурс.
- Вправи FreeCodeCamp. Заповніть наведені нижче модулі та збережіть знімки екрана для кожного модуля.
Використовуйте підказки, доступні на freecodecamp під час кожної вправи, як перший засіб, коли ви відчуваєте, що застрягли.
Іншими допоміжними інструментами є матеріали з розділу Додаткові матеріали нижче
та студентський чат, щоб задати будь-які запитання та звернутися за допомогою.
- Basic JavaScript - Basic JavaScript language features. ~100 невеликі вправи, на виконання 2-3 години.
- ES6 Challenges - JS ES6 features. Виконайте початкові 17 вправ (до Write Concise Declarative Functions with ES6), На виконання 3-4 години.
- Basic Data Structures - Взаємодія з масивами та об’єктами. Виконайте всі вправи (20). На завершення 3-4 години.
- Basic Algorithm Scripting - Основи алгоритмів. Розв’яжіть усі задачі (<20). На завершення 4-5 годин.
- Functional Programming - Виконайте всі вправи (<25). 2-3 години для завершення.
- Algorithm Scripting Challenges -
Середній рівень алгоритмів. Розв’яжіть початкові 11 задач (до Convert HTML Entities), на виконання 3–5 годин.
⚠️ У Pig Latin вправі англійська літера Y вважається приголосним.⚠️ У Convert HTML Entities вправі НЕ копіювати та вставляти об’єкти HTML ('&'
,'<'
etc.) з тестів оскільки вони міститимуть невидимі нерозривні пробіли, і код не працюватиме належним чином. Натомість введіть їх.
Виконайте наведені вище підзадачі (1) і (2).
Після завершення виконайте наступне:
- Зробіть скріншот своїх завершених уроків
і помістіть його в теку
task_js_basics
вашого репоkottans-frontend
- В вашому
kottans-frontend
репоREADME.md
:- додайте заголовок
## JS Basics
- додати скріншот або додати посилання на скріншот
- перерахуйте свої міркування щодо кожного пункту завдання (що для вас було новим, що вас здивувало, що ви плануєте використовувати в майбутньому)
- додайте заголовок
- Чудова робота! Діліться своїми досягненнями з іншими –
опублікувати повідомлення в course channel:
JS Basics — #done
(абоJS Basics — #p2p_done
якщо ви студент курсу p2p) і додайте посилання до свого репо. Цей крок важливий, оскільки він допомагає менторам відстежувати ваш прогрес! - Вивчіть додаткові матеріали нижче, щоб покращити свої навички. Якщо ви вважаєте, що це впливає на вашу загальну ефективність курсу, подумайте щоб повернутись до них пізніше, наприклад коли ви виконаєте всі обов’язкові завдання.
- Ви можете пропустити опціональні матеріали з цього завдання (якщо такі є).
Коли ви закінчите це завдання, ви можете приступити до наступного.
- FunFunFunction - Functional programming in JavaScript
- Algorithms Course by Khan Academy
- Visualization of Common Algorithms and Data Structures
- JavaScript Algorithms and Data Structures examples
- You Don't Know JS Yet: Get Started - 2nd Edition
- JavaScript Equality Table Game
- JavaScript-Equality-Table
➡️ Ідіть далі Document Object Model