fix: Use markdown syntax instead of HTML on exercises (#38196)
This commit is contained in:
Ashraf Nazar
GitHub
@@ -13,8 +13,8 @@ In most of the coding interviews, foundation mostly means a clear understanding
|
||||
This course presents you with the most frequently asked questions during interviews to prepare you with a basic understanding of algorithms.
|
||||
It will provide clear and concise explanations and implementations of different algorithms.
|
||||
|
||||
# Prerequisite: All of the algorithmic questions require the solutions are written in JavaScript. It is a good idea to complete the JavaScript course first.
|
||||
**Prerequisite: All of the algorithmic questions require the solutions are written in JavaScript. It is a good idea to complete the JavaScript course first**
|
||||
|
||||
It is good practice to use a whiteboard or notepad to implement and practice interview questions, since most coding interviews may limit you to these tools when writing the code. So forget your nice IDEs and debuggers and start getting your hands dirty!
|
||||
|
||||
# Best of Luck !!
|
||||
**Best of Luck !!**
|
||||
|
||||
@@ -6,5 +6,14 @@ superBlock: Front End Libraries
|
||||
## Introduction to the Bootstrap Challenges
|
||||
|
||||
Bootstrap is a front-end framework used to design responsive web pages and web applications. It takes a mobile-first approach to web development. Bootstrap includes pre-built CSS styles and classes, plus some JavaScript functionality.
|
||||
Bootstrap uses a responsive 12 column grid layout and has design templates for:<br><br><ul><li>buttons</li><li>images</li><li>tables</li><li>forms</li><li>navigation</li></ul><br>To know more about it and how to include Bootstrap in your projects visit [Bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/)<br>This section introduces some of the ways to use Bootstrap in your web projects.
|
||||
Bootstrap uses a responsive 12 column grid layout and has design templates for:
|
||||
|
||||
- buttons
|
||||
- images
|
||||
- tables
|
||||
- forms
|
||||
- navigation
|
||||
|
||||
To know more about it and how to include Bootstrap in your projects visit [Bootstrap](https://getbootstrap.com/docs/4.1/getting-started/introduction/)
|
||||
|
||||
This section introduces some of the ways to use Bootstrap in your web projects.
|
||||
|
||||
@@ -5,11 +5,10 @@ superBlock: JavaScript Algorithms and Data Structures
|
||||
---
|
||||
## Introduction to Basic Algorithm Scripting
|
||||
|
||||
A computer algorithm is a sequence of steps that is followed to achieve a particular outcome. To write an algorithm, you must first understand a problem, and then solve it with coding.
|
||||
A computer algorithm is a sequence of steps that is followed to achieve a particular outcome. To write an algorithm, you must first understand a problem, and then solve it with coding.
|
||||
|
||||
To make solving problems easier, it can be helpful to break them down into many chunks. Then, each chunk can be solved one by one. For example, if you are building a calculator, don't try to solve the problem as a whole. First, consider how to get inputs. Then, determine each arithmetic operation one by one. Finally, display the results.
|
||||
|
||||
In this section we will learn to solve basic algorithm problems using JavaScript. This will help you improve your problem solving skills and prepare you to later solve more complex problems.
|
||||
In this section we will learn to solve basic algorithm problems using JavaScript. This will help you improve your problem solving skills and prepare you to later solve more complex problems.
|
||||
|
||||
#### Hint
|
||||
If you get stuck, try using `console.log()` to log variable values to the console. This will help to debug problems.
|
||||
**Hint**: If you get stuck, try using `console.log()` to log variable values to the console. This will help to debug problems.
|
||||
|
||||
@@ -5,5 +5,17 @@ superBlock: JavaScript Algorithms and Data Structures
|
||||
---
|
||||
## Introduction to the ES6 Challenges
|
||||
|
||||
ECMAScript is a standardized version of JavaScript with the goal of unifying the language's specifications and features. As all major browsers and JavaScript-runtimes follow this specification, the term <i>ECMAScript</i> is interchangeable with the term <i>JavaScript</i>.<br><br>Most of the challenges on freeCodeCamp use the ECMAScript 5 (ES5) specification of the language, finalized in 2009. But JavaScript is an evolving programming language. As features are added and revisions are made, new versions of the language are released for use by developers.<br><br>The most recent standardized version is called ECMAScript 6 (ES6), released in 2015. This new version of the language adds some powerful features that will be covered in this section of challenges, including:<br><br><ul><li>Arrow functions</li><li>Classes</li><li>Modules</li><li>Promises</li><li>Generators</li><li><code>let</code> and <code>const</code></li></ul><br><br><strong>Note</strong><br>Not all browsers support ES6 features. If you use ES6 in your own projects, you may need to use a program (transpiler) to convert your ES6 code into ES5 until browsers support ES6.
|
||||
ECMAScript is a standardized version of JavaScript with the goal of unifying the language's specifications and features. As all major browsers and JavaScript-runtimes follow this specification, the term _ECMAScript_ is interchangeable with the term _JavaScript_.
|
||||
|
||||
Most of the challenges on freeCodeCamp use the ECMAScript 5 (ES5) specification of the language, finalized in 2009. But JavaScript is an evolving programming language. As features are added and revisions are made, new versions of the language are released for use by developers.
|
||||
|
||||
The most recent standardized version is called ECMAScript 6 (ES6), released in 2015. This new version of the language adds some powerful features that will be covered in this section of challenges, including:
|
||||
|
||||
- Arrow functions
|
||||
- Classes
|
||||
- Modules
|
||||
- Promises
|
||||
- Generators
|
||||
- `let` and `const`
|
||||
|
||||
**Note**: Not all browsers support ES6 features. If you use ES6 in your own projects, you may need to use a program (transpiler) to convert your ES6 code into ES5 until browsers support ES6.
|
||||
|
||||
@@ -5,5 +5,12 @@ superBlock: JavaScript Algorithms and Data Structures
|
||||
---
|
||||
## Introduction to the Functional Programming Challenges
|
||||
|
||||
Functional programming is an approach to software development based around the evaluation of functions. Like mathematics, functions in programming map input to output to produce a result. You can combine basic functions in many ways to build more and more complex programs.<br><br>Functional programming follows a few core principles:<br><br><ul><li>Functions are independent from the state of the program or global variables. They only depend on the arguments passed into them to make a calculation</li><br><li>Functions try to limit any changes to the state of the program and avoid changes to the global objects holding data</li><br><li>Functions have minimal side effects in the program</li></ul><br><br>The functional programming software development approach breaks a program into small, testable parts. This section covers basic functional programming principles in JavaScript.
|
||||
Functional programming is an approach to software development based around the evaluation of functions. Like mathematics, functions in programming map input to output to produce a result. You can combine basic functions in many ways to build more and more complex programs.
|
||||
|
||||
Functional programming follows a few core principles:
|
||||
|
||||
- Functions are independent from the state of the program or global variables. They only depend on the arguments passed into them to make a calculation
|
||||
- Functions try to limit any changes to the state of the program and avoid changes to the global objects holding data
|
||||
- Functions have minimal side effects in the program
|
||||
|
||||
The functional programming software development approach breaks a program into small, testable parts. This section covers basic functional programming principles in JavaScript.
|
||||
|
||||
@@ -4,4 +4,4 @@ superBlock: JavaScript Algorithms and Data Structures
|
||||
---
|
||||
## Introduction to JavaScript Algorithms and Data Structures
|
||||
|
||||
JavaScript Algorithms and Data Structures will teach you basic JavaScript in a series of challenges. It will teach you how to assign variables, arrays, create functions, and some of the various loop types used in JavaScript.Then it will teach you to apply what you’ve learned in multiple algorithm creation challenges. Once you have completed all the challenges and the required projects you will receive the JavaScript Algorithms and Data Structures certificate.
|
||||
JavaScript Algorithms and Data Structures will teach you basic JavaScript in a series of challenges. It will teach you how to assign variables, arrays, create functions, and some of the various loop types used in JavaScript. Then it will teach you to apply what you’ve learned in multiple algorithm creation challenges. Once you have completed all the challenges and the required projects you will receive the JavaScript Algorithms and Data Structures certificate.
|
||||
|
||||
@@ -6,6 +6,13 @@ superBlock: Responsive Web Design
|
||||
## Introduction to the Applied Accessibility Challenges
|
||||
|
||||
"Accessibility" generally means having web content and a user interface that can be understood, navigated, and interacted with by a broad audience. This includes people with visual, auditory, mobility, or cognitive disabilities.
|
||||
Websites should be open and accessible to everyone, regardless of a user's abilities or resources. Some users rely on assistive technology such as a screen reader or voice recognition software. Other users may be able to navigate through a site only using a keyboard. Keeping the needs of various users in mind when developing your project can go a long way towards creating an open web.
|
||||
Here are three general concepts this section will explore throughout the following challenges:<br><br><ol><br><li>have well-organized code that uses appropriate markup</li><br><li>ensure text alternatives exist for non-text and visual content</li><br><li>create an easily-navigated page that's keyboard-friendly</li><br></ol><br><br>Having accessible web content is an ongoing challenge. A great resource for your projects going forward is the W3 Consortium's Web Content Accessibility Guidelines (WCAG). They set the international standard for accessibility and provide a number of criteria you can use to check your work.
|
||||
|
||||
Websites should be open and accessible to everyone, regardless of a user's abilities or resources. Some users rely on assistive technology such as a screen reader or voice recognition software. Other users may be able to navigate through a site only using a keyboard. Keeping the needs of various users in mind when developing your project can go a long way towards creating an open web.
|
||||
|
||||
Here are three general concepts this section will explore throughout the following challenges:
|
||||
|
||||
1. have well-organized code that uses appropriate markup
|
||||
2. ensure text alternatives exist for non-text and visual content
|
||||
3. create an easily-navigated page that's keyboard-friendly
|
||||
|
||||
Having accessible web content is an ongoing challenge. A great resource for your projects going forward is the W3 Consortium's Web Content Accessibility Guidelines (WCAG). They set the international standard for accessibility and provide a number of criteria you can use to check your work.
|
||||
|
||||
@@ -5,8 +5,22 @@ superBlock: Responsive Web Design
|
||||
---
|
||||
## Introduction to Basic CSS
|
||||
|
||||
Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML.<br><br>Note that CSS is case-sensitive so be careful with your capitalization.
|
||||
CSS has been adopted by all major browsers and allows you to control:<br><ul><li>color</li><li>fonts</li><li>positioning</li><li>spacing</li><li>sizing</li><li>decorations</li><li>transitions</li></ul>
|
||||
There are three main ways to apply CSS styling. You can apply inline styles directly to HTML elements with the <code>style</code> attribute. Alternatively, you can place CSS rules within <code>style</code> tags in an HTML document. Finally, you can write CSS rules in an external style sheet, then reference that file in the HTML document. Even though the first two options have their use cases, most developers prefer external style sheets because they keep the styles separate from the HTML elements. This improves the readability and reusability of your code.
|
||||
The idea behind CSS is that you can use a selector to target an HTML element in the DOM (Document Object Model) and then apply a variety of attributes to that element to change the way it is displayed on the page.<br><br>In this section, you'll see how adding CSS styles to the elements of your CatPhotoApp can change it from simple text to something more.
|
||||
Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML.
|
||||
|
||||
Note that CSS is case-sensitive so be careful with your capitalization.
|
||||
|
||||
CSS has been adopted by all major browsers and allows you to control:
|
||||
|
||||
- color
|
||||
- fonts
|
||||
- positioning
|
||||
- spacing
|
||||
- sizing
|
||||
- decorations
|
||||
- transitions
|
||||
|
||||
There are three main ways to apply CSS styling. You can apply inline styles directly to HTML elements with the `style` attribute. Alternatively, you can place CSS rules within `style` tags in an HTML document. Finally, you can write CSS rules in an external style sheet, then reference that file in the HTML document. Even though the first two options have their use cases, most developers prefer external style sheets because they keep the styles separate from the HTML elements. This improves the readability and reusability of your code.
|
||||
|
||||
The idea behind CSS is that you can use a selector to target an HTML element in the DOM (Document Object Model) and then apply a variety of attributes to that element to change the way it is displayed on the page.
|
||||
|
||||
In this section, you'll see how adding CSS styles to the elements of your CatPhotoApp can change it from simple text to something more.
|
||||
|
||||
Reference in New Issue
Block a user