Add interactivity for the backend roadmap
This commit is contained in:
Kamran Ahmed
@ -1,4 +1,4 @@
|
|||||||
import { RoadmapType } from '../../lib/roadmap';
|
import { isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap';
|
||||||
import { NewAlertBanner } from './new-alert-banner';
|
import { NewAlertBanner } from './new-alert-banner';
|
||||||
import {
|
import {
|
||||||
Badge,
|
Badge,
|
||||||
@ -90,7 +90,7 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
|
|||||||
</Button>
|
</Button>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Flex>
|
</Flex>
|
||||||
{roadmap.id === 'frontend' && (
|
{isInteractiveRoadmap(roadmap.id) && (
|
||||||
<Text
|
<Text
|
||||||
mt="30px"
|
mt="30px"
|
||||||
mb={['-37px', '-32px', '-47px']}
|
mb={['-37px', '-32px', '-47px']}
|
||||||
|
|||||||
@ -1,9 +1,12 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"seo": {
|
"seo": {
|
||||||
"title": "Learn to become a modern frontend developer",
|
"title": "Frontend Developer Roadmap: Learn to become a modern frontend developer",
|
||||||
"description": "Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap.",
|
"description": "Learn to become a modern frontend developer using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development.",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
|
"javascript roadmap 2022",
|
||||||
|
"frontend roadmap 2022",
|
||||||
|
"frontend developer roadmap 2022",
|
||||||
"guide to becoming a developer",
|
"guide to becoming a developer",
|
||||||
"guide to becoming a frontend developer",
|
"guide to becoming a frontend developer",
|
||||||
"frontend developer",
|
"frontend developer",
|
||||||
@ -48,9 +51,11 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"seo": {
|
"seo": {
|
||||||
"title": "Learn to become a modern backend developer",
|
"title": "Backend Developer Roadmap: Learn to become a modern backend developer",
|
||||||
"description": "Community driven, articles, resources, guides, interview questions, quizzes for modern backend development. Learn to become a modern backend developer by following the steps, skills, resources and guides listed in this roadmap.",
|
"description": "Learn to become a modern backend developer using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern backend development.",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
|
"backend roadmap 2022",
|
||||||
|
"backend developer roadmap 2022",
|
||||||
"guide to becoming a developer",
|
"guide to becoming a developer",
|
||||||
"guide to becoming a backend developer",
|
"guide to becoming a backend developer",
|
||||||
"backend roadmap",
|
"backend roadmap",
|
||||||
@ -81,13 +86,14 @@
|
|||||||
"featuredDescription": "Step by step guide to becoming a backend developer in 2022",
|
"featuredDescription": "Step by step guide to becoming a backend developer in 2022",
|
||||||
"featured": true,
|
"featured": true,
|
||||||
"imageUrl": "/roadmaps/backend.png",
|
"imageUrl": "/roadmaps/backend.png",
|
||||||
"jsonUrl": "/project/frontend.json",
|
"jsonUrl": "/project/backend.json",
|
||||||
"resourcesPath": "/roadmaps/101-backend/resources.md",
|
"resourcesPath": "/roadmaps/101-backend/resources.md",
|
||||||
"author": {
|
"author": {
|
||||||
"name": "Kamran Ahmed",
|
"name": "Kamran Ahmed",
|
||||||
"url": "https://twitter.com/kamranahmedse"
|
"url": "https://twitter.com/kamranahmedse"
|
||||||
},
|
},
|
||||||
"pdfUrl": "https://kamranahmedse.gumroad.com/l/backend-roadmap",
|
"pdfUrl": "https://kamranahmedse.gumroad.com/l/backend-roadmap",
|
||||||
|
"contentPathsFilePath": "/roadmaps/101-backend/content-paths.json",
|
||||||
"id": "backend",
|
"id": "backend",
|
||||||
"metaPath": "/roadmaps/101-backend/meta.json",
|
"metaPath": "/roadmaps/101-backend/meta.json",
|
||||||
"isUpcoming": false
|
"isUpcoming": false
|
||||||
@ -97,6 +103,9 @@
|
|||||||
"title": "DevOps Roadmap: Learn to become a DevOps Engineer or SRE",
|
"title": "DevOps Roadmap: Learn to become a DevOps Engineer or SRE",
|
||||||
"description": "Community driven, articles, resources, guides, interview questions, quizzes for DevOps. Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in this roadmap.",
|
"description": "Community driven, articles, resources, guides, interview questions, quizzes for DevOps. Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in this roadmap.",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
|
"devops roadmap 2022",
|
||||||
|
"sre roadmap 2022",
|
||||||
|
"operations roadmap 2022",
|
||||||
"guide to becoming a devops enginer",
|
"guide to becoming a devops enginer",
|
||||||
"devops roadmap",
|
"devops roadmap",
|
||||||
"sre roadmap",
|
"sre roadmap",
|
||||||
@ -141,6 +150,8 @@
|
|||||||
"title": "React Developer Roadmap: Learn to become a React developer",
|
"title": "React Developer Roadmap: Learn to become a React developer",
|
||||||
"description": "Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap.",
|
"description": "Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap.",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
|
"react roadmap 2022",
|
||||||
|
"react developer roadmap 2022",
|
||||||
"guide to becoming a react developer",
|
"guide to becoming a react developer",
|
||||||
"react developer roadmap",
|
"react developer roadmap",
|
||||||
"react roadmap",
|
"react roadmap",
|
||||||
|
|||||||
138
content/roadmaps/101-backend/content-paths.json
Normal file
138
content/roadmaps/101-backend/content-paths.json
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
{
|
||||||
|
"home": "/roadmaps/101-backend/content/readme.md",
|
||||||
|
"internet": "/roadmaps/101-backend/content/100-internet/readme.md",
|
||||||
|
"internet:how-does-the-internet-work": "/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md",
|
||||||
|
"internet:what-is-http": "/roadmaps/101-backend/content/100-internet/101-what-is-http.md",
|
||||||
|
"internet:browsers-and-how-they-work": "/roadmaps/101-backend/content/100-internet/102-browsers-and-how-they-work.md",
|
||||||
|
"internet:dns-and-how-it-works": "/roadmaps/101-backend/content/100-internet/103-dns-and-how-it-works.md",
|
||||||
|
"internet:what-is-domain-name": "/roadmaps/101-backend/content/100-internet/104-what-is-domain-name.md",
|
||||||
|
"internet:what-is-hosting": "/roadmaps/101-backend/content/100-internet/105-what-is-hosting.md",
|
||||||
|
"basic-frontend": "/roadmaps/101-backend/content/101-basic-frontend/readme.md",
|
||||||
|
"basic-frontend:html": "/roadmaps/101-backend/content/101-basic-frontend/100-html.md",
|
||||||
|
"basic-frontend:css": "/roadmaps/101-backend/content/101-basic-frontend/101-css.md",
|
||||||
|
"basic-frontend:javascript": "/roadmaps/101-backend/content/101-basic-frontend/102-javascript.md",
|
||||||
|
"os-general-knowledge": "/roadmaps/101-backend/content/102-os-general-knowledge/readme.md",
|
||||||
|
"os-general-knowledge:terminal-usage": "/roadmaps/101-backend/content/102-os-general-knowledge/100-terminal-usage.md",
|
||||||
|
"os-general-knowledge:how-oss-work-in-general": "/roadmaps/101-backend/content/102-os-general-knowledge/101-how-oss-work-in-general.md",
|
||||||
|
"os-general-knowledge:process-management": "/roadmaps/101-backend/content/102-os-general-knowledge/102-process-management.md",
|
||||||
|
"os-general-knowledge:threads-and-concurrency": "/roadmaps/101-backend/content/102-os-general-knowledge/103-threads-and-concurrency.md",
|
||||||
|
"os-general-knowledge:basic-terminal-commands": "/roadmaps/101-backend/content/102-os-general-knowledge/104-basic-terminal-commands.md",
|
||||||
|
"os-general-knowledge:memory-management": "/roadmaps/101-backend/content/102-os-general-knowledge/105-memory-management.md",
|
||||||
|
"os-general-knowledge:interprocess-communication": "/roadmaps/101-backend/content/102-os-general-knowledge/106-interprocess-communication.md",
|
||||||
|
"os-general-knowledge:io-management": "/roadmaps/101-backend/content/102-os-general-knowledge/107-io-management.md",
|
||||||
|
"os-general-knowledge:posix-basics": "/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md",
|
||||||
|
"os-general-knowledge:basic-networking-concepts": "/roadmaps/101-backend/content/102-os-general-knowledge/109-basic-networking-concepts.md",
|
||||||
|
"learn-a-language": "/roadmaps/101-backend/content/103-learn-a-language/readme.md",
|
||||||
|
"learn-a-language:go": "/roadmaps/101-backend/content/103-learn-a-language/100-go.md",
|
||||||
|
"learn-a-language:rust": "/roadmaps/101-backend/content/103-learn-a-language/101-rust.md",
|
||||||
|
"learn-a-language:java": "/roadmaps/101-backend/content/103-learn-a-language/102-java.md",
|
||||||
|
"learn-a-language:csharp": "/roadmaps/101-backend/content/103-learn-a-language/103-csharp.md",
|
||||||
|
"learn-a-language:php": "/roadmaps/101-backend/content/103-learn-a-language/103-php.md",
|
||||||
|
"learn-a-language:javascript": "/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md",
|
||||||
|
"learn-a-language:python": "/roadmaps/101-backend/content/103-learn-a-language/106-python.md",
|
||||||
|
"learn-a-language:ruby": "/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md",
|
||||||
|
"version-control-systems": "/roadmaps/101-backend/content/104-version-control-systems/readme.md",
|
||||||
|
"version-control-systems:git": "/roadmaps/101-backend/content/104-version-control-systems/100-basic-usage-of-git.md",
|
||||||
|
"repo-hosting-services": "/roadmaps/101-backend/content/105-repo-hosting-services/readme.md",
|
||||||
|
"repo-hosting-services:github": "/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md",
|
||||||
|
"repo-hosting-services:gitlab": "/roadmaps/101-backend/content/105-repo-hosting-services/101-gitlab.md",
|
||||||
|
"repo-hosting-services:bitbucket": "/roadmaps/101-backend/content/105-repo-hosting-services/102-bitbucket.md",
|
||||||
|
"relational-databases": "/roadmaps/101-backend/content/106-relational-databases/readme.md",
|
||||||
|
"relational-databases:postgresql": "/roadmaps/101-backend/content/106-relational-databases/100-postgresql.md",
|
||||||
|
"relational-databases:mysql": "/roadmaps/101-backend/content/106-relational-databases/101-mysql.md",
|
||||||
|
"relational-databases:mariadb": "/roadmaps/101-backend/content/106-relational-databases/102-mariadb.md",
|
||||||
|
"relational-databases:mssql": "/roadmaps/101-backend/content/106-relational-databases/103-mssql.md",
|
||||||
|
"relational-databases:oracle": "/roadmaps/101-backend/content/106-relational-databases/104-oracle.md",
|
||||||
|
"nosql-databases": "/roadmaps/101-backend/content/107-nosql-databases/readme.md",
|
||||||
|
"nosql-databases:document-databases": "/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md",
|
||||||
|
"nosql-databases:column-databases": "/roadmaps/101-backend/content/107-nosql-databases/101-column-databases.md",
|
||||||
|
"nosql-databases:timeseries-databases": "/roadmaps/101-backend/content/107-nosql-databases/102-timeseries-databases.md",
|
||||||
|
"nosql-databases:realtime-databases": "/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md",
|
||||||
|
"more-about-databases": "/roadmaps/101-backend/content/108-more-about-databases/readme.md",
|
||||||
|
"more-about-databases:orms": "/roadmaps/101-backend/content/108-more-about-databases/100-orms.md",
|
||||||
|
"more-about-databases:acid": "/roadmaps/101-backend/content/108-more-about-databases/101-acid.md",
|
||||||
|
"more-about-databases:transactions": "/roadmaps/101-backend/content/108-more-about-databases/102-transactions.md",
|
||||||
|
"more-about-databases:n-plus-one-problem": "/roadmaps/101-backend/content/108-more-about-databases/103-n-plus-one-problem.md",
|
||||||
|
"more-about-databases:database-normalization": "/roadmaps/101-backend/content/108-more-about-databases/104-database-normalization.md",
|
||||||
|
"more-about-databases:database-indexes": "/roadmaps/101-backend/content/108-more-about-databases/105-database-indexes.md",
|
||||||
|
"more-about-databases:data-replication": "/roadmaps/101-backend/content/108-more-about-databases/106-data-replication.md",
|
||||||
|
"more-about-databases:sharding-strategies": "/roadmaps/101-backend/content/108-more-about-databases/107-sharding-strategies.md",
|
||||||
|
"more-about-databases:cap-theorem": "/roadmaps/101-backend/content/108-more-about-databases/108-cap-theorem.md",
|
||||||
|
"apis": "/roadmaps/101-backend/content/109-apis/readme.md",
|
||||||
|
"apis:rest": "/roadmaps/101-backend/content/109-apis/100-rest.md",
|
||||||
|
"apis:json-apis": "/roadmaps/101-backend/content/109-apis/101-json-apis.md",
|
||||||
|
"apis:soap": "/roadmaps/101-backend/content/109-apis/102-soap.md",
|
||||||
|
"apis:grpc": "/roadmaps/101-backend/content/109-apis/103-grpc.md",
|
||||||
|
"apis:hateoas": "/roadmaps/101-backend/content/109-apis/104-hateoas.md",
|
||||||
|
"apis:open-api-spec": "/roadmaps/101-backend/content/109-apis/105-open-api-spec.md",
|
||||||
|
"apis:authentication": "/roadmaps/101-backend/content/109-apis/106-authentication/readme.md",
|
||||||
|
"apis:authentication:cookie-based": "/roadmaps/101-backend/content/109-apis/106-authentication/100-cookie-based.md",
|
||||||
|
"apis:authentication:oauth": "/roadmaps/101-backend/content/109-apis/106-authentication/101-oauth.md",
|
||||||
|
"apis:authentication:basic-authentication": "/roadmaps/101-backend/content/109-apis/106-authentication/102-basic-authentication.md",
|
||||||
|
"apis:authentication:token-authentication": "/roadmaps/101-backend/content/109-apis/106-authentication/103-token-authentication.md",
|
||||||
|
"apis:authentication:jwt": "/roadmaps/101-backend/content/109-apis/106-authentication/104-jwt.md",
|
||||||
|
"apis:authentication:openid": "/roadmaps/101-backend/content/109-apis/106-authentication/105-openid.md",
|
||||||
|
"apis:authentication:saml": "/roadmaps/101-backend/content/109-apis/106-authentication/105-saml.md",
|
||||||
|
"caching": "/roadmaps/101-backend/content/110-caching/readme.md",
|
||||||
|
"caching:cdn": "/roadmaps/101-backend/content/110-caching/100-cdn.md",
|
||||||
|
"caching:server-side": "/roadmaps/101-backend/content/110-caching/101-server-side/readme.md",
|
||||||
|
"caching:server-side:redis": "/roadmaps/101-backend/content/110-caching/101-server-side/100-redis.md",
|
||||||
|
"caching:server-side:memcached": "/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md",
|
||||||
|
"caching:client-side": "/roadmaps/101-backend/content/110-caching/102-client-side.md",
|
||||||
|
"web-security-knowledge": "/roadmaps/101-backend/content/111-web-security-knowledge/readme.md",
|
||||||
|
"web-security-knowledge:md5": "/roadmaps/101-backend/content/111-web-security-knowledge/100-md5.md",
|
||||||
|
"web-security-knowledge:sha-family": "/roadmaps/101-backend/content/111-web-security-knowledge/101-sha-family.md",
|
||||||
|
"web-security-knowledge:bcrypt": "/roadmaps/101-backend/content/111-web-security-knowledge/102-bcrypt.md",
|
||||||
|
"web-security-knowledge:scrypt": "/roadmaps/101-backend/content/111-web-security-knowledge/104-scrypt.md",
|
||||||
|
"web-security-knowledge:https": "/roadmaps/101-backend/content/111-web-security-knowledge/105-https.md",
|
||||||
|
"web-security-knowledge:content-security-policy": "/roadmaps/101-backend/content/111-web-security-knowledge/105-content-security-policy.md",
|
||||||
|
"web-security-knowledge:cors": "/roadmaps/101-backend/content/111-web-security-knowledge/106-cors.md",
|
||||||
|
"web-security-knowledge:ssl-tls": "/roadmaps/101-backend/content/111-web-security-knowledge/107-ssl-tls.md",
|
||||||
|
"web-security-knowledge:owasp": "/roadmaps/101-backend/content/111-web-security-knowledge/108-owasp.md",
|
||||||
|
"testing": "/roadmaps/101-backend/content/112-testing/readme.md",
|
||||||
|
"testing:integration-testing": "/roadmaps/101-backend/content/112-testing/100-integration-testing.md",
|
||||||
|
"testing:unit-testing": "/roadmaps/101-backend/content/112-testing/101-unit-testing.md",
|
||||||
|
"testing:functional-testing": "/roadmaps/101-backend/content/112-testing/102-functional-testing.md",
|
||||||
|
"ci-cd": "/roadmaps/101-backend/content/113-ci-cd.md",
|
||||||
|
"design-and-development-principles": "/roadmaps/101-backend/content/114-design-and-development-principles/readme.md",
|
||||||
|
"design-and-development-principles:gof-design-patterns": "/roadmaps/101-backend/content/114-design-and-development-principles/100-gof-design-patterns.md",
|
||||||
|
"design-and-development-principles:domain-driven-design": "/roadmaps/101-backend/content/114-design-and-development-principles/101-domain-driven-design.md",
|
||||||
|
"design-and-development-principles:test-driven-development": "/roadmaps/101-backend/content/114-design-and-development-principles/102-test-driven-development.md",
|
||||||
|
"design-and-development-principles:solid": "/roadmaps/101-backend/content/114-design-and-development-principles/103-solid.md",
|
||||||
|
"design-and-development-principles:kiss": "/roadmaps/101-backend/content/114-design-and-development-principles/104-kiss.md",
|
||||||
|
"design-and-development-principles:yagni": "/roadmaps/101-backend/content/114-design-and-development-principles/105-yagni.md",
|
||||||
|
"design-and-development-principles:dry": "/roadmaps/101-backend/content/114-design-and-development-principles/106-dry.md",
|
||||||
|
"architectural-patterns": "/roadmaps/101-backend/content/115-architectural-patterns/readme.md",
|
||||||
|
"architectural-patterns:monolithic-apps": "/roadmaps/101-backend/content/115-architectural-patterns/100-monolithic-apps.md",
|
||||||
|
"architectural-patterns:microservices": "/roadmaps/101-backend/content/115-architectural-patterns/101-microservices.md",
|
||||||
|
"architectural-patterns:soa": "/roadmaps/101-backend/content/115-architectural-patterns/102-soa.md",
|
||||||
|
"architectural-patterns:cqrs": "/roadmaps/101-backend/content/115-architectural-patterns/103-cqrs.md",
|
||||||
|
"architectural-patterns:serverless": "/roadmaps/101-backend/content/115-architectural-patterns/104-serverless.md",
|
||||||
|
"search-engines": "/roadmaps/101-backend/content/116-search-engines/readme.md",
|
||||||
|
"search-engines:elasticsearch": "/roadmaps/101-backend/content/116-search-engines/100-elasticsearch.md",
|
||||||
|
"search-engines:solr": "/roadmaps/101-backend/content/116-search-engines/101-solr.md",
|
||||||
|
"message-brokers": "/roadmaps/101-backend/content/117-message-brokers/readme.md",
|
||||||
|
"message-brokers:rabbitmq": "/roadmaps/101-backend/content/117-message-brokers/100-rabbitmq.md",
|
||||||
|
"message-brokers:kafka": "/roadmaps/101-backend/content/117-message-brokers/101-kafka.md",
|
||||||
|
"containerization": "/roadmaps/101-backend/content/118-containerization/readme.md",
|
||||||
|
"containerization:docker": "/roadmaps/101-backend/content/118-containerization/100-docker.md",
|
||||||
|
"containerization:rkt": "/roadmaps/101-backend/content/118-containerization/101-rkt.md",
|
||||||
|
"containerization:lxc": "/roadmaps/101-backend/content/118-containerization/102-lxc.md",
|
||||||
|
"graphql": "/roadmaps/101-backend/content/119-graphql/readme.md",
|
||||||
|
"graphql:apollo": "/roadmaps/101-backend/content/119-graphql/100-apollo.md",
|
||||||
|
"graphql:relay-modern": "/roadmaps/101-backend/content/119-graphql/101-relay-modern.md",
|
||||||
|
"graph-databases": "/roadmaps/101-backend/content/120-graph-databases/readme.md",
|
||||||
|
"graph-databases:neo4j": "/roadmaps/101-backend/content/120-graph-databases/100-neo4j.md",
|
||||||
|
"web-sockets": "/roadmaps/101-backend/content/121-web-sockets.md",
|
||||||
|
"web-servers": "/roadmaps/101-backend/content/122-web-servers/readme.md",
|
||||||
|
"web-servers:nginx": "/roadmaps/101-backend/content/122-web-servers/100-nginx.md",
|
||||||
|
"web-servers:apache": "/roadmaps/101-backend/content/122-web-servers/101-apache.md",
|
||||||
|
"web-servers:caddy": "/roadmaps/101-backend/content/122-web-servers/102-caddy.md",
|
||||||
|
"web-servers:ms-iis": "/roadmaps/101-backend/content/122-web-servers/103-ms-iis.md",
|
||||||
|
"scalability": "/roadmaps/101-backend/content/123-scalability/readme.md",
|
||||||
|
"scalability:mitigation-strategies": "/roadmaps/101-backend/content/123-scalability/100-mitigation-strategies.md",
|
||||||
|
"scalability:instrumentation-monitoring-telemetry": "/roadmaps/101-backend/content/123-scalability/101-instrumentation-monitoring-telemetry.md",
|
||||||
|
"scalability:migration-strategies": "/roadmaps/101-backend/content/123-scalability/102-migration-strategies.md",
|
||||||
|
"scalability:horizontal-vertial-scaling": "/roadmaps/101-backend/content/123-scalability/103-horizontal-vertial-scaling.md",
|
||||||
|
"scalability:observability": "/roadmaps/101-backend/content/123-scalability/104-observability.md"
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
# Internet
|
||||||
|
|
||||||
|
The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.vox.com/2014/6/16/18076282/the-internet'>The Internet Explained</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='http://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm'>How Does the Internet Work?</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='/guides/what-is-internet'>Introduction to Internet</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=x3c1ih2NJEg'>How does the Internet work?</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7_LPdttKXPc'>How the Internet Works in 5 Minutes</BadgeLink>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
# What is HTTP?
|
||||||
|
|
||||||
|
HTTP is the `TCP/IP` based application layer communication protocol which standardizes how the client and server communicate with each other. It defines how the content is requested and transmitted across the internet.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/ddos/glossary/hypertext-transfer-protocol-http/'>What is HTTP?</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview'>An overview of HTTP</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://kamranahmed.info/blog/2016/08/13/http-in-depth/'>Journey to HTTP/2</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=iYM2zFP3Zn0'>HTTP Crash Course & Exploration</BadgeLink>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Browsers
|
||||||
|
|
||||||
|
A web browser is a software application that enables a user to access and display web pages or other online content through its graphical user interface.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/'>How Browsers Work</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.browserstack.com/guide/browser-rendering-engine'>Role of Rendering Engine in Browsers</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work'>Populating the Page: How Browsers Work</BadgeLink>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
# DNS
|
||||||
|
The Domain Name System (DNS) is the phonebook of the Internet. Humans access information online through domain names, like nytimes.com or espn.com. Web browsers interact through Internet Protocol (IP) addresses. DNS translates domain names to IP addresses so browsers can load Internet resources.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/dns/what-is-dns/'>What is DNS?</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Wj0od2ag5sk'>DNS and How does it Work?</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7lxgpKh_fRY'>DNS Records</BadgeLink>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Domain Name
|
||||||
|
|
||||||
|
A domain name is a unique, easy-to-remember address used to access websites, such as ‘google.com’, and ‘facebook.com’. Users can connect to websites using domain names thanks to the DNS system.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_domain_name'>What is a Domain Name?</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/dns/glossary/what-is-a-domain-name/'>What is a Domain Name? | Domain name vs. URL</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Y4cRx19nhJk'>A Beginners Guide to How Domain Names Work</BadgeLink>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Hosting
|
||||||
|
|
||||||
|
Web hosting is an online service that allows you to publish your website files onto the internet. So, anyone who has access to the internet has access to your website.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=htbY9-yggB0'>What Is Web Hosting? Explained</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=AXVZYzw8geg'>Different Types of Web Hosting Explained</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Kx_1NYYJS7Q'>Where to Host a Fullstack Project on a Budget</BadgeLink>
|
||||||
10
content/roadmaps/101-backend/content/100-internet/readme.md
Normal file
10
content/roadmaps/101-backend/content/100-internet/readme.md
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
# Internet
|
||||||
|
|
||||||
|
The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.vox.com/2014/6/16/18076282/the-internet'>The Internet Explained</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='http://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm'>How Does the Internet Work?</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='/guides/what-is-internet'>Introduction to Internet</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=x3c1ih2NJEg'>How does the Internet work?</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7_LPdttKXPc'>How the Internet Works in 5 Minutes</BadgeLink>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# 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.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink badgeText='Read' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=pQN-pnXPaVg'>HTML Full Course - Build a Website Tutorial</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=qz0aGYrrlhU'>HTML Tutorial for Beginners: HTML Crash Course</BadgeLink>
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
# CSS
|
||||||
|
|
||||||
|
CSS or Cascading Style Sheets is the language used to style the frontend of any website. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/'>W3Schools — Learn CSS</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/learn/responsive-web-design/'>freeCodeCamp — Responsive Web Design</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://learn.shayhowe.com/html-css/building-your-first-web-page/'>Learn to Code HTML & CSS</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=yfoY53QXEnI'>CSS Crash Course For Absolute Beginners</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=D-h8L5hgW-w'>HTML and CSS Tutorial</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=FqmB-Zj2-PA'>CSS Masterclass - Tutorial & Course for Beginners</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='green' badgeText='Course' href='href=https://flexbox.io/'>What The Flexbox!</BadgeLink>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
# JavaScript
|
||||||
|
|
||||||
|
JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.w3schools.com/js/'>W3Schools – JavaScript Tutorial</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Read' colorScheme="yellow" href='https://javascript.info/'>The Modern JavaScript Tutorial</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://youtu.be/hdI2bqOjy3c?t=2'>JavaScript Crash Course for Beginners</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Watch' href='https://youtu.be/P7t13SGytRk?t=22'>Build a Netflix Landing Page Clone with HTML, CSS & JS</BadgeLink>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
# Basic Frontend Knowledge
|
||||||
|
|
||||||
|
As a backend developer, you may not need to have proficient knowledge of the frontend stack but you should at least have some basic understanding of HTML, CSS and JavaScript.
|
||||||
|
|
||||||
|
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
|
||||||
|
<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>
|
||||||
|
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/'>W3Schools: Learn CSS</BadgeLink>
|
||||||
|
<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.w3schools.com/js/'>W3Schools: JavaScript Tutorial</BadgeLink>
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Terminal usage
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Operating Systems
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Process Management
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Threads and Concurrency
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Basic terminal Commands
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Memory management
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Interprocess communication
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Io management
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Posix basics
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Basic networking concepts
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# General Knowledge
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Go
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Rust
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Java
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Csharp
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Php
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Javascript
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Python
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Ruby
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Learn a language
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Git
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Version control systems
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Github
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Gitlab
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Bitbucket
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Repo hosting services
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Postgresql
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Mysql
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Mariadb
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Mssql
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Oracle
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Relational databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Document databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Column databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Timeseries databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Realtime databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Nosql databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Orms
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Acid
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Transactions
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# N plus one problem
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Database normalization
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Database indexes
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Data replication
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Sharding strategies
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Cap theorem
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# More about databases
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Rest
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Json apis
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Soap
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Grpc
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Hateoas
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Open api spec
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Cookie based
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Oauth
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Basic authentication
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Token authentication
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Jwt
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Openid
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Saml
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Authentication
|
||||||
1
content/roadmaps/101-backend/content/109-apis/readme.md
Normal file
1
content/roadmaps/101-backend/content/109-apis/readme.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
# Apis
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Cdn
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Redis
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Memcached
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Server side
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Client side
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Caching
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Md5
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Sha family
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Bcrypt
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Scrypt
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Content security policy
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Https
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Cors
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Ssl tls
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Owasp
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Web security knowledge
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Integration testing
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Unit testing
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Functional testing
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Testing
|
||||||
1
content/roadmaps/101-backend/content/113-ci-cd.md
Normal file
1
content/roadmaps/101-backend/content/113-ci-cd.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
# Ci cd
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Gof design patterns
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Domain driven design
|
||||||
@ -0,0 +1 @@
|
|||||||
|
# Test driven development
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user