mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-06-03 10:01:47 -04:00
fix(curriculum): remove redundant line in review pages (#59772)
This commit is contained in:
Clarence
@@ -7,8 +7,6 @@ dashedName: review-asynchronous-javascript
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
- **Synchronous JavaScript** is executed sequentially and waits for the previous operation to finish before moving on to the next one.
|
||||
- **Asynchronous JavaScript** allows multiple operations to be executed in the background without blocking the main thread.
|
||||
- **Thread** is a sequence of instructions that can be executed independently of the main program flow.
|
||||
@@ -93,7 +91,7 @@ In this example, we're sending a `DELETE` request to remove a user with the ID `
|
||||
|
||||
- **Promises** are objects that represent the eventual completion or failure of an asynchronous operation and its resulting value. The value of the promise is known only when the `async` operation is completed.
|
||||
- Here is an example to create a simple promise:
|
||||
|
||||
|
||||
```js
|
||||
const promise = new Promise((resolve, reject) => {
|
||||
setTimeout(() => {
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-bash-and-sql
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-bash-commands
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-bash-scripting
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-basic-css
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## CSS Basics
|
||||
|
||||
- **What is CSS?**: Cascading Style Sheets (CSS) is a markup language used to apply styles to HTML elements. CSS is used for colors, background images, layouts and more.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: basic-html-review
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## HTML Basics
|
||||
|
||||
- **Role of HTML**: HTML represents the content and structure of the web page.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-classes-and-objects
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-computer-basics
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Understanding Computer, Internet and Developer Tooling Basics
|
||||
|
||||
- **Motherboard**: holds all of the memory, connectors, and hard drives that are needed to run the computer. It serves as the main circuit board for the computer.
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-css-accessibility
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Color Contrast Tools
|
||||
|
||||
- **WebAIM's Color Contrast Checker**: This online tool allows you to input the foreground and background colors of your design and instantly see if they meet the Web Content Accessibility Guidelines (WCAG) standards.
|
||||
- **WebAIM's Color Contrast Checker**: This online tool allows you to input the foreground and background colors of your design and instantly see if they meet the Web Content Accessibility Guidelines (WCAG) standards.
|
||||
- **TPGi Colour Contrast Analyzer**: This is a free color contrast checker that allows you to check if your websites and apps meet the Web Content Accessibility Guidelines (WCAG) standards. This tool also comes with a Color Blindness Simulator feature which allows you to see what your website or app looks like for people with color vision issues.
|
||||
|
||||
## Accessibility Tree
|
||||
|
||||
@@ -7,12 +7,10 @@ dashedName: review-css-animations
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## CSS Animation Basics
|
||||
## CSS Animation Basics
|
||||
|
||||
- **Definition**: CSS animations allow you to create dynamic, visually engaging effects on web pages without the need for JavaScript or complex programming. They provide a way to smoothly transition elements between different styles over a specified duration.
|
||||
- **The `@keyframes` Rule**: This rule defines the stages and styles of the animation. It specifies what styles the element should have at various points during the animation.
|
||||
- **The `@keyframes` Rule**: This rule defines the stages and styles of the animation. It specifies what styles the element should have at various points during the animation.
|
||||
|
||||
```css
|
||||
@keyframes slide-in {
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-css-attribute-selectors
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Working with Different Attribute Selectors and Links
|
||||
|
||||
- **Definition**: The `attribute` selector allows you to target HTML elements based on their attributes like the `href` or `title` attributes.
|
||||
- **Definition**: The `attribute` selector allows you to target HTML elements based on their attributes like the `href` or `title` attributes.
|
||||
|
||||
```css
|
||||
a[href] {
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-backgrounds-and-borders
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Styling Lists
|
||||
|
||||
- **`line-height` Property**: This property is used to create space between lines of text. The accepted `line-height` values include the keyword `normal`, numbers, percentages and length units like the `em` unit.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-colors
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Color Theory
|
||||
|
||||
- **Color Theory Definition**: This is the study of how colors interact with each other and how they affect our perception. It covers color relationships, color harmony, and the psychological impact of color.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-flexbox
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Introduction to CSS Flexbox and Flex Model
|
||||
|
||||
- **Definition**: CSS flexbox is a one-dimensional layout model that allows you to arrange elements in rows and columns within a container.
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-css-grid
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## CSS Grid Basics
|
||||
## CSS Grid Basics
|
||||
|
||||
- **Definition**: CSS Grid is a two-dimensional layout system used to create complex layouts in web pages. Grids will have rows and columns with gaps between them. To define a grid layout, you would set the `display` property to `grid`.
|
||||
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-css-layout-and-effects
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## CSS Overflow Property
|
||||
## CSS Overflow Property
|
||||
|
||||
- **Definition**: Overflow refers to the way elements handle content that exceeds, or "overflows", the size of the containing element. Overflow is two-dimensional.
|
||||
- **`overflow-x`**: The x-axis determines horizontal overflow.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-libraries-and-frameworks
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## CSS Frameworks
|
||||
|
||||
- **CSS frameworks**: CSS frameworks can speed up your workflow, create a uniform visual style across a website, make your design look consistent across multiple browsers, and keep your CSS code more organized.
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-css-positioning
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
## Working With Floats
|
||||
|
||||
## Working With Floats
|
||||
|
||||
- **Definition**: Floats are used to remove an element from its normal flow on the page and position it either on the left or right side of its container. When this happens, the text will wrap around that floated content.
|
||||
- **Definition**: Floats are used to remove an element from its normal flow on the page and position it either on the left or right side of its container. When this happens, the text will wrap around that floated content.
|
||||
|
||||
```css
|
||||
float: left;
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-pseudo-classes
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## User Action Pseudo-classes
|
||||
|
||||
- **Pseudo-classes Definition**: These are special CSS keywords that allow you to select an element based on its specific state or position.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-relative-and-absolute-units
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Absolute Units
|
||||
|
||||
- **`px` (Pixels)**: This absolute unit is a fixed-size unit of measurement in CSS. It is the most common absolute unit and provides precise control over dimensions. `1px` is always equal to 1/96th of an inch.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-typography
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Introduction to Typography
|
||||
|
||||
- **Definition**: Typography is the art of choosing the right fonts and format to make text visually appealing and easy to read. "Type" refers to how the individual characters are designed and arranged.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-css-variables
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## CSS Custom Properties (CSS Variables)
|
||||
|
||||
- **Definition**: CSS custom properties, also known as CSS variables, are entities defined by CSS authors that contain specific values to be reused throughout a document. They are a powerful feature that allows for more efficient, maintainable, and flexible stylesheets. Custom properties are particularly useful in creating themeable designs. You can define a set of properties for different themes:
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-data-structures
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-debugging-javascript
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Common Types of Error Messages
|
||||
|
||||
- **SyntaxError**: These errors happen when you write something incorrectly in your code, like missing a parenthesis, or a bracket. Think of it like a grammar mistake in a sentence.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-design-fundamentals
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Design Terminology
|
||||
|
||||
- **Layout**: This is how visual elements are arranged on a page or screen to communicate a message. These elements may include text, images, and white space.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-dictionaries-and-sets
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-dom-manipulation-and-click-events-with-javascript
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Working with the DOM and Web APIs
|
||||
|
||||
- **API**: An API (Application Programming Interface) is a set of rules and protocols that allow software applications to communicate with each other and exchange data efficiently.
|
||||
- **API**: An API (Application Programming Interface) is a set of rules and protocols that allow software applications to communicate with each other and exchange data efficiently.
|
||||
- **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
|
||||
- **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
|
||||
- **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-dynamic-programming
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-error-handling
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-form-validation-with-javascript
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Validating Forms with JavaScript
|
||||
|
||||
- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
|
||||
- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
|
||||
- **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
|
||||
|
||||
```js
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-front-end-libraries
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-git
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-graph-and-trees
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-html-accessibility
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Introduction to Accessibility
|
||||
|
||||
- **Web Content Accessibility Guidelines**: The Web Content Accessibility Guidelines (WCAG) are a set of guidelines for making web content more accessible to people with disabilities. The four principles of WCAG are POUR which stands for Perceivable, Operable, Understandable, and Robust.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-html-tables-and-forms
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## HTML Form Elements and Attributes
|
||||
|
||||
- **`form` element**: used to create an HTML form for user input.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-arrays
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## JavaScript Array Basics
|
||||
|
||||
- **Definition**: A JavaScript array is an ordered collection of values, each identified by a numeric index. The values in a JavaScript array can be of different data types, including numbers, strings, booleans, objects, and even other arrays. Arrays are contiguous in memory, which means that all elements are stored in a single, continuous block of memory locations, allowing for efficient indexing and fast access to elements by their index.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-audio-and-video
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## `Audio` Constructor and Common Methods
|
||||
|
||||
- **Definition**: The `Audio` constructor, like other constructors, is a special function called with the `new` keyword. It returns an `HTMLAudioElement`, which you can then use to play audio for the user or append to the DOM for the user to control themselves. When you call the constructor, you can optionally pass a URL as the (only) argument. This URL should point to the source of the audio file you want to play. Or, if you need to change the source dynamically, you can assign the URL to the `src` property of the returned audio element.
|
||||
@@ -18,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
|
||||
const audio = document.getElementById('audio');
|
||||
|
||||
// Starts playing the audio
|
||||
audio.play();
|
||||
audio.play();
|
||||
```
|
||||
|
||||
- **`pause()` Method**: This method is used with the `audio` or `video` elements to pause playback for the media. It maintains the current position, so if `play()` is called, it starts from that position.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-classes
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Basics of Working with Classes
|
||||
|
||||
- **Definition**: Classes in JavaScript are used to define blueprints for creating objects, and encapsulating data. Classes include a constructor which is a special method that gets called automatically when a new object is created from the class. It is used to initialize the properties of the object. The `this` keyword is used here to refer to the current instance of the class. Below the constructor, you can have what are called methods. Methods are functions defined inside a class that perform actions or operations on the class's data or state. They are used to define behaviors that instances of the class can perform.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-comparisons-and-conditionals
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Comparisons and the `null` and `undefined` Data Types
|
||||
|
||||
- **Comparisons and `undefined`**: A variable is `undefined` when it has been declared but hasn't been assigned a value. It's the default value of uninitialized variables and function parameters that weren't provided an argument. `undefined` converts to `NaN` in numeric contexts, which makes all numeric comparisons with `undefined` return `false`.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-dates
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## The `date()` Object and Common Methods
|
||||
|
||||
- **Definition**: The `date()` object is used to create, manipulate, and format dates and times in JavaScript. In the following example, the `new` keyword is used to create a new instance of the `Date` object, and the `Date` object is then assigned to the variable `now`. If you were to log the value of `now` to the console, you would see the current date and time based on the system clock of the computer running the code.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-functional-programming
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Pure vs Impure Functions
|
||||
|
||||
- A pure function is one that always produces the same output for the same input and doesn't have any side effects. Its output depends only on its input, and it doesn't modify any external state.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-functions
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## JavaScript Functions
|
||||
|
||||
- Functions are reusable blocks of code that perform a specific task.
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-javascript-fundamentals
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## String Constructor and `toString()` Method
|
||||
|
||||
- **Definition**: A string object is used to represent a sequence of characters. String objects are created using the `String` constructor function, which wraps the primitive value in an object.
|
||||
- **Definition**: A string object is used to represent a sequence of characters. String objects are created using the `String` constructor function, which wraps the primitive value in an object.
|
||||
|
||||
```js
|
||||
const greetingObject = new String("Hello, world!");
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-javascript-higher-order-functions
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Callback Functions and the `forEach` Method
|
||||
|
||||
- **Definition**: In JavaScript, a callback function is a function that is passed as an argument to another function and is executed after the main function has finished its execution.
|
||||
- **Definition**: In JavaScript, a callback function is a function that is passed as an argument to another function and is executed after the main function has finished its execution.
|
||||
- **`forEach()` Method**: This method is used to iterate over each element in an array and perform an operation on each element. The callback function in `forEach` can take up to three arguments: the current element, the index of the current element, and the array that `forEach` was called upon.
|
||||
|
||||
```js
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-loops
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Working with Loops
|
||||
|
||||
- **`for` Loop**: This type of loop is used to repeat a block of code a certain number of times. This loop is broken up into three parts: the initialization statement, the condition, and the increment/decrement statement. The initialization statement is executed before the loop starts. It is typically used to initialize a counter variable. The condition is evaluated before each iteration of the loop. An iteration is a single pass through the loop. If the condition is `true`, the code block inside the loop is executed. If the condition is `false`, the loop stops and you move on to the next block of code. The increment/decrement statement is executed after each iteration of the loop. It is typically used to increment or decrement the counter variable.
|
||||
|
||||
@@ -7,11 +7,9 @@ dashedName: review-javascript-maps-and-sets
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Sets in JavaScript
|
||||
|
||||
- A `Set` is a built-in option for managing data collection.
|
||||
- A `Set` is a built-in option for managing data collection.
|
||||
- Sets ensure that each value in it appears only once, making it useful for eliminating duplicates from an array or handling collections of distinct values.
|
||||
- You can create a `Set` using the `Set()` constructor:
|
||||
|
||||
@@ -20,8 +18,8 @@ const set = new Set([1, 2, 3, 4, 5]);
|
||||
console.log(set); // Set { 1, 2, 3, 4, 5 }
|
||||
```
|
||||
|
||||
- Sets can be manipulated using these methods:
|
||||
|
||||
- Sets can be manipulated using these methods:
|
||||
|
||||
- `add()`: Adds a new element to the `Set`.
|
||||
- `delete()`: Removes an element from the `Set`.
|
||||
- `has()`: Checks if an element exists in the `Set`.
|
||||
|
||||
@@ -7,13 +7,11 @@ dashedName: review-javascript-math
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Working with the Number Data Type
|
||||
|
||||
- **Definition**: JavaScript's `Number` type includes integers, floating-point numbers, `Infinity` and `NaN`. Floating-point numbers are numbers with a decimal point. Positive `Infinity` is a number greater than any other number while `-Infinity` is a number smaller than any other number. `NaN` (`Not a Number`) represents an invalid numeric value like the string `"Jessica"`.
|
||||
|
||||
## Common Arithmetic Operations
|
||||
## Common Arithmetic Operations
|
||||
|
||||
- **Addition Operator**: This operator (`+`) is used to calculate the sum of two or more numbers.
|
||||
- **Subtraction Operator**: This operator (`-`) is used to calculate the difference between two numbers.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-objects
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Object Basics
|
||||
|
||||
- **Definition**: An object is a data structure that is made up of properties. A property consists of a key and a value. To access data from an object you can use either dot notation or bracket notation.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-regular-expressions
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Regular Expressions and Common Methods
|
||||
|
||||
- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-strings
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## String Basics
|
||||
|
||||
- **Definition**: A string is a sequence of characters wrapped in either single quotes, double quotes or backticks. Strings are primitive data types and they are immutable. Immutability means that once a string is created, is cannot be changed.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-javascript-variables-and-data-types
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Working with HTML, CSS, and JavaScript
|
||||
|
||||
While HTML and CSS provide website structure, JavaScript brings interactivity to websites by enabling complex functionality, such as handling user input, animating elements, and even building full web applications.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-local-storage-and-crud
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Persistent Storage
|
||||
|
||||
- **Definition**: Persistent storage refers to a way of saving data in a way that it stays available even after the power is turned off or the device is restarted.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-loops-and-sequences
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-nano
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-object-oriented-programming
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-python-basics
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-recursion
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
- Recursion is a programming concept that allows you to call a function repeatedly until a base-case is reached.
|
||||
|
||||
Here is an example of a recursive function that calculates the factorial of a number:
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-relational-database
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,9 +7,7 @@ dashedName: review-relational-databases
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
|
||||
Description placeholder
|
||||
|
||||
# --assignment--
|
||||
|
||||
|
||||
@@ -7,17 +7,15 @@ dashedName: review-responsive-web-design
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Responsive Web Design
|
||||
|
||||
- **Definition**: The core principle of responsive design is adaptability – the ability of a website to adjust its layout and content based on the screen size and capabilities of the device it's being viewed on.
|
||||
- **Fluid grids**: These use relative units like percentages instead of fixed units like pixels, allowing content to resize and reflow based on screen size.
|
||||
- **Flexible images**: These are set to resize within their containing elements, ensuring they don't overflow their containers on smaller screens.
|
||||
- **Fluid grids**: These use relative units like percentages instead of fixed units like pixels, allowing content to resize and reflow based on screen size.
|
||||
- **Flexible images**: These are set to resize within their containing elements, ensuring they don't overflow their containers on smaller screens.
|
||||
|
||||
## Media Queries
|
||||
## Media Queries
|
||||
|
||||
- **Definition**: This allows developers to apply different styles based on the characteristics of the device, primarily the viewport width.
|
||||
- **Definition**: This allows developers to apply different styles based on the characteristics of the device, primarily the viewport width.
|
||||
|
||||
```css
|
||||
@media screen and (min-width: 768px) {
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-searching-and-sorting-algorithms
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## First topic
|
||||
|
||||
Describe
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-semantic-html
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Importance of Semantic HTML
|
||||
|
||||
- **Structural hierarchy for heading elements**: It is important to use the correct heading element to maintain the structural hierarchy of the content. The `h1` element is the highest level of heading and the `h6` element is the lowest level of heading.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-styling-forms
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Best Practices for Styling Inputs
|
||||
|
||||
- **Styling Inputs**: As with all text elements, you need to ensure the styles you apply to text inputs are accessible. This means the font needs to be adequately sized, and the color needs to have sufficient contrast with the background. Input elements are also focusable. When you are editing your styles, you should take care that you preserve a noticeable indicator when the element has focus, such as a bold border.
|
||||
|
||||
@@ -7,8 +7,6 @@ dashedName: review-typescript
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## What is TypeScript
|
||||
|
||||
- **JavaScript**: JavaScript is a dynamically-typed language. This means that variables can receive any values at run time. The challenge of a dynamically-typed language is that the lack of type safety can introduce errors.
|
||||
|
||||
@@ -7,14 +7,12 @@ dashedName: review-web-performance
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Differences Between Real and Perceived Performance
|
||||
|
||||
- **Perceived Performance**: This is how users perceive the performance of a website. It's how they evaluate it in terms of responsiveness and reliability. This is a subjective measurement, so it's hard to quantify it, but it's very important, since the user experience determines the success or failure of a website.
|
||||
- **Real Performance**: This is the objective and measurable performance of the website. It's measured using metrics like page load time, server response time, and rendering time. These measurements are influenced by multiple factors related to the network and to the code itself.
|
||||
|
||||
## Techniques for Improving Perceived Performance
|
||||
## Techniques for Improving Perceived Performance
|
||||
|
||||
- **Lazy Loading**: This technique reduces the initial load time as much as possible by loading non-essential resources in the background.
|
||||
- **Minimize Font Delays**: If your website has custom fonts, you should also try to minimize font loading delays, since this may result in flickering or in showing the fallback font while the custom font is being loaded. A suggestion for this is using a fallback font that is similar to the custom font, so in case this happens, the change will be more subtle.
|
||||
|
||||
Reference in New Issue
Block a user