Merge branch 'kamranahmedse:master' into master

pull/1140/head
Aroyan 3 years ago committed by GitHub
commit cdda1cc7a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md
  2. 2
      content/roadmaps/100-frontend/content/101-html/readme.md
  3. 7
      content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
  4. 8
      content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md
  5. 10
      content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md
  6. 10
      content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md
  7. 6
      content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md
  8. 2
      content/roadmaps/101-backend/content/101-basic-frontend/100-html.md
  9. 14
      content/roadmaps/101-backend/content/109-apis/106-authentication/101-oauth.md
  10. 13
      content/roadmaps/101-backend/content/110-caching/100-cdn.md
  11. 7
      content/roadmaps/101-backend/content/111-web-security-knowledge/102-bcrypt.md
  12. 13
      content/roadmaps/101-backend/content/114-design-and-development-principles/100-gof-design-patterns.md
  13. 6
      content/roadmaps/101-backend/content/122-web-servers/101-apache.md
  14. 11
      content/videos.json
  15. 1
      content/videos/stack-data-structure.md
  16. 4
      pages/thanks.tsx

@ -1,6 +1,6 @@
# HTML Basics
HTML stands for Hyper Text Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
HTML stands for HyperText Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink badgeText='Read' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>

@ -1,6 +1,6 @@
# HTML
HTML stands for Hyper Text Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
HTML stands for HyperText Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink badgeText='Read' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>

@ -1 +1,8 @@
# Less
Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='blue' badgeText='Read' href='https://lesscss.org/'>Official Website</BadgeLink>
<BadgeLink colorScheme='blue' badgeText='Read' href='https://lesscss.org/usage/'>Official Documentation</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=YD91G8DdUsw'> Less CSS Pre-Processor Tutorial</BadgeLink>

@ -1 +1,7 @@
# Esbuild
# esbuild
Our current build tools for the web are 10-100x slower than they could be. The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way.
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://esbuild.github.io/'>Esbuild Official Website</BadgeLink>
<BadgeLink colorScheme='blue' badgeText='Official Documentation' href='https://esbuild.github.io/api/'>Esbuild Documentation</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=9XS_RA6zyyU'>Why are People Obsessed with esbuild?</BadgeLink>

@ -1 +1,9 @@
# Standardjs
# StandardJS
Standardjs is a Style guide, with linter & automatic code fixer. It is a way to enforce consistent style in your project. It automatically formats code.
Standard JS is a tool in the Code Review category of a tech stack.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink badgeText='Read' colorScheme="blue" href='https://standardjs.com/'>Official Website</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=bqho-uAnNJk'>Standard JS Tutorial with React, Prettier
</BadgeLink>

@ -1 +1,11 @@
# Nuxt js
Nuxt.js is an open-source development framework built on top of Node.js
enabling Vue based web applications functionalities such as server-side
rendering and generating static websites.
<ResourceGroupTitle>Free Resources</ResourceGroupTitle>
<BadgeLink colorScheme='blue' badgeText='Website' href='https://nuxtjs.org/'>Official Website</BadgeLink>
<BadgeLink colorScheme='blue' badgeText='Docs' href='https://nuxtjs.org/docs/get-started'>Official Docs for Getting Started</BadgeLink>
<BadgeLink colorScheme='purple' badgeText='Watch' href='https://masteringnuxt.com/'>Mastering Nuxt.js</BadgeLink>
<BadgeLink colorScheme='purple' badgeText='Watch' href='https://www.youtube.com/watch?v=FXpIoQ_rT_c'>Vue.js for Beginners - Full Course at freeCodeCamp YouTube Channel</BadgeLink>

@ -1 +1,7 @@
# Carlo
Carlo is a headful Node app framework for building desktop applications.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='yellow' badgeText='Official Rep' href='https://github.com/GoogleChromeLabs/carlo'>Github Repository</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://blog.agney.dev/carlo-on-web-server/'>Carlo development on a web server</BadgeLink>

@ -1,6 +1,6 @@
# HTML
HTML stands for Hyper Text Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
HTML stands for HyperText Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink badgeText='Read' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>

@ -1 +1,13 @@
# Oauth
# OAuth
OAuth stands for **O**pen **Auth**orization and is an open standard for authorization. It works to authorize devices, APIs, servers and applications using access tokens rather than user credentials, known as "secure delegated access".
In its most simplest form, OAuth delegates authentication to services like Facebook, Amazon, Twitter and authorizes third-party applications to access the user account **without** having to enter their login and password.
It is mostly utilized for REST/APIs and only provides a limited scope of a user's data.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.okta.com/blog/2017/06/21/what-the-heck-is-oauth'>Okta - What the Heck is OAuth</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.digitalocean.com/community/tutorials/an-introduction-to-oauth-2'>DigitalOcean - An Introduction to OAuth 2</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=t4-416mg6iU'>What is OAuth really all about</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=CPbvxxslDTU'>OAuth 2.0: An Overview</BadgeLink>

@ -1 +1,12 @@
# Cdn
# CDN (Content Delivery Network)
A Content Delivery Network (CDN) service aims to provide high availability and performance improvements of websites. This is achieved with fast delivery of website assets and content typically via geographically closer endpoints to the client requests.
Traditional commercial CDNs (Amazon CloudFront, Akamai, CloudFlare and Fastly) provide servers across the globe which can be used for this purpose.
Serving assets and contents via a CDN reduces bandwidth on website hosting, provides an extra layer of caching to reduce potential outages and can improve website security as well
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-ca/learning/cdn/what-is-a-cdn/'>CloudFlare - What is a CDN? | How do CDNs work?</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://en.wikipedia.org/wiki/Content_delivery_network'>Wikipedia - Content Delivery Network</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=841kyd_mfH0'>What is Cloud CDN?</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Bsq5cKkS33I'>What is a Content Delivery Network (CDN)?</BadgeLink>

@ -1 +1,8 @@
# Bcrypt
bcrypt is a password hashing function, that has proven been proven reliable and secure since it's release in 1999.It has been implemented into most commonly-used programming languages.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=O6cmuiTBZVs'>bcrypt explained</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://auth0.com/blog/hashing-in-action-understanding-bcrypt/'>Understanding bcrypt</BadgeLink>
<BadgeLink colorScheme='blue' badgeText='NPM' href='https://www.npmjs.com/package/bcrypt'>bcrypt's npm package</BadgeLink>

@ -1 +1,12 @@
# Gof design patterns
# Design Patterns
Design patterns are typical solutions to commonly occurring problems in software design. They can be broken into three categories:
- Creational Patterns for the creation of objects
- Structural Patterns to provide relationship between objects
- Behavioral Patterns to help define how objects interact
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://github.com/kamranahmedse/design-patterns-for-humans'>Design Patterns for Humans</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://springframework.guru/gang-of-four-design-patterns/'>GOF design patterns</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://refactoring.guru/design-patterns'>Design Patterns</BadgeLink>

@ -1 +1,7 @@
# Apache
Apache is a free, open-source HTTP server, available on many operating systems, but mainly used on Linux distributions. It is one of the most popular options for web developers, as it accounts for over 30% of all the websites, as estimated by W3Techs.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://httpd.apache.org/'>Apache Server Website</BadgeLink>
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=kaaenHXO4t4'>What is Apache Web Server?</BadgeLink>

@ -1,4 +1,15 @@
[
{
"id": "stack-data-structure",
"title": "Stack Data Structure",
"description": "Learn everything you need to know about the stack data structure",
"isPro": false,
"youtubeLink": "https://www.youtube.com/watch?v=I5lq6sCuABE",
"authorUsername": "kamranahmedse",
"duration": "5 minutes",
"updatedAt": "2022-02-07T19:59:14.191Z",
"createdAt": "2022-02-07T19:59:14.191Z"
},
{
"id": "linked-list-data-structure",
"title": "Linked List Data Structure",

@ -0,0 +1 @@
<iframe src="https://www.youtube.com/embed/I5lq6sCuABE" title="Stack Data Structure" />

@ -99,6 +99,8 @@ export default function Thanks() {
<Box mt='40px'>
<Heading mb='15px' fontSize='25px' as='h2'>Monthly Sponsors</Heading>
<UnorderedList>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
href='https://github.com/skyhatch'>Ash P</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
href='https://github.com/imReset'>Reset</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
@ -126,6 +128,8 @@ export default function Thanks() {
<Box mt='40px'>
<Heading mb='15px' fontSize='25px' as='h2'>Past or One Time Sponsors</Heading>
<UnorderedList>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
href='https://github.com/logreg-n-coffee'>Rui Hu</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
href='https://github.com/kevin-bog'>Kevin Bot</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}

Loading…
Cancel
Save