mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
feat: adding intros for new JS curriculum (#52023)
Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
This commit is contained in:
@@ -301,8 +301,11 @@
|
||||
},
|
||||
"2022/javascript-algorithms-and-data-structures": {
|
||||
"title": "JavaScript Algorithms and Data Structures (Beta)",
|
||||
"intro": ["placeholder", "placeholder"],
|
||||
"note": "",
|
||||
"intro": [
|
||||
"While HTML and CSS control the content and styling of a page, JavaScript is used to make it interactive. In the JavaScript Algorithm and Data Structures Certification, you'll learn the fundamentals of JavaScript like variables, arrays, objects, loops, functions, the DOM and more.",
|
||||
"In addition to the fundamentals, you will learn about Object Oriented Programming (OOP), Functional Programming (FP), algorithmic thinking, how to work with local storage and how to fetch data from an API."
|
||||
],
|
||||
"note": "Note: Some browser extensions, such as ad-blockers and script-blockers can interfere with the tests. If you face issues, we recommend disabling extensions that modify or block the content of pages while taking the course.",
|
||||
"blocks": {
|
||||
"build-a-caesars-cipher-project": {
|
||||
"title": "Build a Caesars Cipher Project",
|
||||
@@ -310,59 +313,101 @@
|
||||
},
|
||||
"build-a-cash-register-project": {
|
||||
"title": "Build a Cash Register Project",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build a cash register web app."
|
||||
]
|
||||
},
|
||||
"build-a-palindrome-checker-project": {
|
||||
"title": "Build a Palindrome Checker Project",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"This is one of the required projects to earn your certification.",
|
||||
"For this project, you will build an application that checks if a word is a palindrome."
|
||||
]
|
||||
},
|
||||
"build-a-roman-numeral-converter-project": {
|
||||
"title": "Build a Roman Numeral Converter Project",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"This is one of the required projects to claim your certification.",
|
||||
"For this project, you will build an application that converts integers to Roman numerals."
|
||||
]
|
||||
},
|
||||
"build-a-telephone-number-validator-project": {
|
||||
"title": "Build a Telephone Number Validator Project",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"This is one of the required projects to claim your certification.",
|
||||
"For this project, you will build an application that checks if a number is a valid United States phone number."
|
||||
]
|
||||
},
|
||||
"learn-basic-javascript-by-building-a-role-playing-game": {
|
||||
"title": "Learn Basic JavaScript by Building a Role Playing Game",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"JavaScript is a scripting language you can use to make web pages interactive. It is one of the core technologies of the web, along with HTML and CSS, and is supported by all modern browsers.",
|
||||
"In this practice project, you'll learn fundamental programming concepts in JavaScript by building a role playing game. You'll learn to work with arrays, strings, objects, functions, loops, if/else statements, and more."
|
||||
]
|
||||
},
|
||||
"learn-form-validation-by-building-a-calorie-counter": {
|
||||
"title": "Learn Form Validation by Building a Calorie Counter",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"When building out web applications, there will be times where you will need to work with user input and form validation. In this calorie counter project, you will learn how to handle user input, perform calculations based on that input, and dynamically update the interface to display the results.",
|
||||
"In this practice project, you'll learn basic regular expressions, template literals, the <code>addEventListener()</code> method and more."
|
||||
]
|
||||
},
|
||||
"learn-functional-programming-by-building-a-spreadsheet": {
|
||||
"title": "Learn Functional Programming by Building a Spreadsheet",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"Functional Programming is a popular approach to software development. In Functional Programming, code is organized into smaller, basic functions that can be combined to build complex programs.",
|
||||
"In this spreadsheet application project, you'll learn about parsing and evaluating mathematical expressions, implementing spreadsheet functions, handling cell references, and creating interactive web interfaces with dynamic content updates based on user input. This project will cover concepts like the <code>map()</code> method, <code>find()</code> method, <code>parseInt()</code>, the <code>includes()</code> method and more."
|
||||
]
|
||||
},
|
||||
"learn-modern-javascript-methods-by-building-football-team-cards": {
|
||||
"title": "Learn Modern JavaScript Methods By Building Football Team Cards",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"A common aspect of building web applications is to work with data sets and output that information on the screen. In this football team cards project, you'll learn how to work with DOM manipulation, object destructuring, event handling, and data filtering.",
|
||||
"This project will cover concepts like the switch statement, default parameters, <code>Object.freeze()</code>, the <code>map()</code> method and more."
|
||||
]
|
||||
},
|
||||
"learn-advanced-array-methods-by-building-a-statistics-calculator": {
|
||||
"title": "Learn Advanced Array Methods by Building a Statistics Calculator",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"Getting comfortable with working with array manipulation methods such as <code>map()</code>, <code>reduce()</code>, and <code>filter()</code> is a fundamental part of JavaScript.",
|
||||
"In this statistics calculator project, you'll gain experience in handling user input, DOM manipulation, and method chaining by performing statistical calculations like mean, median, mode, variance, and standard deviation."
|
||||
]
|
||||
},
|
||||
"learn-data-structures-by-building-a-shopping-cart": {
|
||||
"title": "Learn Data Structures By Building A Shopping Cart",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"OOP, or Object Oriented Programming, is one of the major approaches to the software development process. In OOP, objects and classes organize code to describe things and what they can do.",
|
||||
"In this shopping cart project, you'll learn learn how to define and utilize classes, create class instances, and implement methods for data manipulation. This project will cover concepts including the ternary operator, spread operator, the <code>this</code> keyword and more."
|
||||
]
|
||||
},
|
||||
"learn-fetch-and-promises-by-building-an-fcc-authors-page": {
|
||||
"title": "Learn Fetch and Promises By Building an fCC Authors Page",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"A common aspect of web development is learning how to fetch data from an external API and work with asynchronous JavaScript. This freeCodeCamp authors page project will show you how to work with the fetch method and dynamically update the DOM to display the fetched data,",
|
||||
"This project will also teach you how to paginate your data so you can load results in batches. "
|
||||
]
|
||||
},
|
||||
"learn-regular-expressions-by-building-a-spam-filter": {
|
||||
"title": "Learn Regular Expressions by Building a Spam Filter",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are very powerful, but can be hard to read because they use special characters to make more complex, flexible matches.",
|
||||
"In this spam filter project, you'll learn how to use special characters, capture groups, positive and negative lookaheads, and other techniques to match any text you want."
|
||||
]
|
||||
},
|
||||
"learn-basic-algorithmic-thinking-by-building-a-number-sorter": {
|
||||
"title": "Learn Basic Algorithmic Thinking by Building a Number Sorter",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"In computer science there are fundamental sorting algorithms that all developers should learn. In this number sorter project, you will learn how to implement and visualize different sorting algorithms like bubble sort, selection sort, and insertion sort using JavaScript.",
|
||||
"This project will help you understand the fundamental concepts behind these algorithms and how they can be applied to sort numerical data in a web applications."
|
||||
]
|
||||
},
|
||||
"learn-localstorage-by-building-a-todo-app": {
|
||||
"title": "Learn localStorage by Building a Todo App",
|
||||
"intro": ["", ""]
|
||||
"intro": [
|
||||
"Local storage is a web browser feature that allows web applications to store key-value pairs persistently within a user's browser, enabling data to be saved and retrieved across page sessions.",
|
||||
"In this TODO application, you will learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implementing event listeners, and toggling UI elements."
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user