diff --git a/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md b/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md index ad9e72046..3fb6b27f2 100644 --- a/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md +++ b/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md @@ -6,6 +6,6 @@ CSS or Cascading Style Sheets is the language used to style the frontend of any W3Schools — Learn CSS freeCodeCamp — Responsive Web Design Learn to Code HTML & CSS -CSS Crash Course For Absolute Beginners -HTML and CSS Tutorial -CSS Masterclass - Tutorial & Course for Beginners +CSS Crash Course For Absolute Beginners +HTML and CSS Tutorial +CSS Masterclass - Tutorial & Course for Beginners diff --git a/content/roadmaps/100-frontend/content/102-css/readme.md b/content/roadmaps/100-frontend/content/102-css/readme.md index b9f2f4324..d6cd0f724 100644 --- a/content/roadmaps/100-frontend/content/102-css/readme.md +++ b/content/roadmaps/100-frontend/content/102-css/readme.md @@ -8,9 +8,9 @@ CSS or Cascading Style Sheets is the language used to style the frontend of any freeCodeCamp — Responsive Web Design Learn to Code HTML & CSS Joshw Comeau's CSS Hack Blog Posts -CSS Crash Course For Absolute Beginners -HTML and CSS Tutorial -CSS Masterclass - Tutorial & Course for Beginners +CSS Crash Course For Absolute Beginners +HTML and CSS Tutorial +CSS Masterclass - Tutorial & Course for Beginners What The Flexbox! Learn CSS | Codecademy Learn Intermediate CSS | Codecademy diff --git a/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md b/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md index 3c3ca814d..a6acb3d0b 100644 --- a/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md +++ b/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md @@ -6,4 +6,4 @@ ECMAScript 2015 or ES2015 is a significant update to the JavaScript programming ES6 Tutorial Learn Modern JavaScript in 1 Hour JavaScript ES6, ES7, ES8 -Build 15 JavaScript Projects - Vanilla JavaScript +Build 15 JavaScript Projects - Vanilla JavaScript diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md index 5fef2cf13..fcf18c61a 100644 --- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md +++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md @@ -4,8 +4,8 @@ Free Content -GitHub: Quickstart -What is GitHub? -Git vs. GitHub: What's the difference? -Git and GitHub for Beginners -Git and GitHub - CS50 Beyond 2019 +GitHub: Quickstart +What is GitHub? +Git vs. GitHub: What's the difference? +Git and GitHub for Beginners +Git and GitHub - CS50 Beyond 2019 diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md index 2ba118ef9..1c2376402 100644 --- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md +++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md @@ -5,4 +5,4 @@ Free Content BitBucket Website -How to use BitBucket? +How to use BitBucket? diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md index a9357ef87..4535afdb4 100644 --- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md +++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md @@ -4,5 +4,5 @@ There are different repository hosting services with the most famous one being G Services Links GitHub: Where the world builds software -GitLab: Iterate faster, innovate together -BitBucket: The Git solution for professional teams +GitLab: Iterate faster, innovate together +BitBucket: The Git solution for professional teams diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md index 1d6d6a686..9d0818011 100644 --- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md +++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md @@ -5,4 +5,4 @@ With ESLint you can impose the coding standard using a certain set of standalone Free Content ESLint Official Website Introduction to ESLint -ESLint Quickstart - find errors automatically +ESLint Quickstart - find errors automatically diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md index cb069e242..11f2906ca 100644 --- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md +++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md @@ -4,6 +4,6 @@ Standardjs is a Style guide, with linter & automatic code fixer. It is a way to Standard JS is a tool in the Code Review category of a tech stack. Free Content -Official Website +Official Website Standard JS Tutorial with React, Prettier diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md index 351b09477..3a09fd0ef 100644 --- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md +++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md @@ -2,4 +2,4 @@ A linter is a tool used to analyze code and discover bugs, syntax errors, stylistic inconsistencies, and suspicious constructs. Popular linters for JavaScript include ESLint, JSLint, and JSHint. -What Is a Linter? +What Is a Linter? diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md index be94fe8af..0ab2b1126 100644 --- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md +++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md @@ -9,9 +9,9 @@ React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native. Free Content -React Website -Official Getting Started +React Website +Official Getting Started The Beginner's Guide to React -React JS Course for Beginners -React Course - Beginner's Tutorial for React JavaScript Library [2022] +React JS Course for Beginners +React Course - Beginner's Tutorial for React JavaScript Library [2022] Understanding React's UI Rendering Process diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md index 1feb9e390..6e27b566f 100644 --- a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md +++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md @@ -5,6 +5,6 @@ RxJS (Reactive Extensions for JavaScript) is a library for reactive programming Free Content RxJS Official Website -RxJS Angular Docs +RxJS Angular Docs RxJS Quick Start RxJS Crash Course diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md index d426fb030..3bcb8a5ff 100644 --- a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md +++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md @@ -4,6 +4,6 @@ NgRx is an open source library that provides reactive state management for your Free Content -Official Documentation +Official Documentation Angular NgRx Redux Quick Start Tutorial -NgRx Course +NgRx Course diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md index b5be13835..60de343fb 100644 --- a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md +++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md @@ -9,7 +9,7 @@ Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. It is mainly focused on front end development. Free Content -Vue.js Website -Official Getting Started -Vue.js Course for Beginners -Vue.js Crash Course +Vue.js Website +Official Getting Started +Vue.js Course for Beginners +Vue.js Crash Course diff --git a/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md b/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md index 9daecf6fd..3b97bfd7a 100644 --- a/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md +++ b/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md @@ -4,6 +4,6 @@ Styled-components is a CSS-in-JS library that enables you to write regular CSS a Free Content -Official Website -Official Docs +Official Website +Official Docs Styled Components Crash Course & Project diff --git a/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md b/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md index 0f846c436..2fc83abfb 100644 --- a/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md +++ b/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md @@ -4,5 +4,5 @@ Emotion is a library designed for writing css styles with JavaScript. It provide Free Content -Official Website and Docs +Official Website and Docs Styled components using emotion in React diff --git a/content/roadmaps/100-frontend/content/112-modern-css/readme.md b/content/roadmaps/100-frontend/content/112-modern-css/readme.md index 3c356def3..57846abe4 100644 --- a/content/roadmaps/100-frontend/content/112-modern-css/readme.md +++ b/content/roadmaps/100-frontend/content/112-modern-css/readme.md @@ -1 +1,3 @@ -# Modern css \ No newline at end of file +# Modern CSS + +The way we write CSS in our modern front-end applications is completely different from how we used to write CSS before. There are methods such as Styled Components, CSS Modules, Styled JSX, Emotion, etc \ No newline at end of file diff --git a/content/roadmaps/100-frontend/content/113-web-components/readme.md b/content/roadmaps/100-frontend/content/113-web-components/readme.md index 1bb5a4de7..4a5dd290a 100644 --- a/content/roadmaps/100-frontend/content/113-web-components/readme.md +++ b/content/roadmaps/100-frontend/content/113-web-components/readme.md @@ -4,4 +4,4 @@ Web Components is a suite of different technologies allowing you to create reusa Free Content Web Components | MDN -Web Components Crash Course +Web Components Crash Course diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md index 9a8900a2b..edcde0b17 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md @@ -3,6 +3,6 @@ Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins. Free Content -Bootstrap Website -Bootstrap Official Documentation -Bootstrap CSS Framework - Full Course for Beginners +Bootstrap Website +Bootstrap Official Blog +Bootstrap CSS Framework - Full Course for Beginners diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md index e711f9286..0098bc8db 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md @@ -3,7 +3,7 @@ Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. Free Content -Bulma Website -Bulma CSS Tutorial +Bulma Website +Bulma CSS Tutorial Learn Bulma CSS How To Build A ? Responsive Blog Design With Bulma CSS diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md index ba7135d1c..39d04d1d3 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md @@ -3,8 +3,8 @@ CSS Framework that provides atomic CSS classes to help you style components e.g. `flex`, `pt-4`, `text-center` and `rotate-90` that can be composed to build any design, directly in your markup. Free Content -Tailwind Website -Official Screencasts -Should You Use Tailwind CSS? -Tailwind CSS: An Introduction -Tailwind CSS Crash Course +Tailwind Website +Tailwind CSS: An Introduction +Official Screencasts +Should You Use Tailwind CSS? +Tailwind CSS Crash Course diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md index edc3910ec..9e5b128fc 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md @@ -5,7 +5,7 @@ Chakra UI is a simple, modular and accessible component library that gives you t Free Content Chakra UI Website Chakra UI Official Getting Started +Why You Should Start Using Chakra UI Build a Modern User Interface with Chakra UI Official Getting Started Video Chakra UI Crash Course -Why You Should Start Using Chakra UI diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md index aba1b9f96..ee6528aa4 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md @@ -3,6 +3,6 @@ Material-UI is an open-source framework that features React components that implement Google’s Material Design. Free Content -Official Website -Official Documentation +Official Website +Official Documentation Material UI React Tutorial diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md index 9f3e60ef7..739117b6d 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md @@ -3,5 +3,5 @@ An open-source UI component library for building high-quality, accessible design systems and web apps. Free Content -Official Website +Official Website Official Documentation diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md b/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md index 5c19ee2ad..3a8c44f40 100644 --- a/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md @@ -3,5 +3,5 @@ A CSS framework provides the user with a fully functional CSS stylesheet, allowing them to create a web page by simply coding the HTML with appropriate classes, structure, and IDs. Classes for popular website features like as the footer, slider, navigation bar, hamburger menu, column-based layouts, and so on are already included in the framework. Free Content -CSS Frameworks Introduction -What are the benefits of using a css framework +CSS Frameworks Introduction +What are the benefits of using a css framework diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md index 8505ba7e5..92f43d923 100644 --- a/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md @@ -3,4 +3,4 @@ The React Testing Library is a very lightweight solution for testing React components. It provides light utility functions on top of react-dom and react-dom/test-utils, in a way that encourages better testing practices. Its primary guiding principle is: The more your tests resemble the way your software is used, the more confidence they can give you. Free Content -React Testing Library +React Testing Library diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md index 704ea86a7..8a4f34297 100644 --- a/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md @@ -3,6 +3,6 @@ Cypress framework is a JavaScript-based end-to-end testing framework built on top of Mocha – a feature-rich JavaScript test framework running on and in the browser, making asynchronous testing simple and convenient. It also uses a BDD/TDD assertion library and a browser to pair with any JavaScript testing framework. Free Resources -Official Website -Official Documentation -Cypress End-to-End Testing +Official Website +Official Documentation +Cypress End-to-End Testing diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/105-mocha.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/105-mocha.md index ab5cc98e4..e3a39581c 100644 --- a/content/roadmaps/100-frontend/content/115-testing-your-apps/105-mocha.md +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/105-mocha.md @@ -4,4 +4,4 @@ Mocha is a feature-rich JavaScript test framework running on Node.js and in the Free Resources Official Website and Docs -Testing Node.js with Mocha +Testing Node.js with Mocha diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/106-chai.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/106-chai.md index a16ee932f..8055a7c32 100644 --- a/content/roadmaps/100-frontend/content/115-testing-your-apps/106-chai.md +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/106-chai.md @@ -5,4 +5,4 @@ Chai is a BDD / TDD assertion library for node and the browser that can be delig Free Resources Official Website and Docs Official Docs -Intro To JavaScript Unit Testing With Mocha JS & Chai +Intro To JavaScript Unit Testing With Mocha JS & Chai diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/107-ava.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/107-ava.md index f8791fcf0..dfdbb5461 100644 --- a/content/roadmaps/100-frontend/content/115-testing-your-apps/107-ava.md +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/107-ava.md @@ -3,6 +3,6 @@ Ava is a JavaScript test runner. It utilizes the async I/O nature of Node and runs concurrent tests, thereby vastly decreasing your test times. Free Resources -Official Repository +Official Repository Testing your Node.js applications with Ava.js -AVA Tutorial +AVA Tutorial diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/108-jasmine.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/108-jasmine.md index 7dd26a1c0..60c3d8fc6 100644 --- a/content/roadmaps/100-frontend/content/115-testing-your-apps/108-jasmine.md +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/108-jasmine.md @@ -3,7 +3,7 @@ Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests. It provides utilities that can be used to run automated tests for both synchronous and asynchronous code. Free Resources -Official Website -Official Docs -Official Repository -Javascript Unit Testing with Jasmine +Official Website +Official Docs +Official Repository +Javascript Unit Testing with Jasmine diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md index 80c2cf4ce..b841497cf 100644 --- a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md +++ b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md @@ -3,9 +3,9 @@ TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale. Free Resources -Official Website -Official Docs for Deep Dives -The TypeScript Handbook +Official Website +Official Docs for Deep Dives +The TypeScript Handbook TypeScript Tutorial Scrimba — TypeScript Basics -TypeScript for Beginners +TypeScript for Beginners diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md b/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md index f1dc2d67b..ce688f154 100644 --- a/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md +++ b/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md @@ -3,6 +3,6 @@ Flow is a static type checker, designed to find type errors in JavaScript programs. Free Resources -Official Website -Official Documentation -Flow for Beginners +Official Website +Official Documentation +Flow for Beginners diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md index 14320b970..c171ee505 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md @@ -3,8 +3,8 @@ Next.js is an open-source development framework built on top of Node.js enabling React based web applications functionalities such as server-side rendering and generating static websites. Free Resources -Official Website -Official Docs for Getting Started -Mastering Next.js -Next.js for Beginners - freeCodeCamp -The Next.js Handbook — freeCodeCamp +Official Website +Official Docs for Getting Started +Mastering Next.js +The Next.js Handbook — freeCodeCamp +Next.js for Beginners - freeCodeCamp diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md index ef2394b74..9ee0a8ba7 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md @@ -3,5 +3,5 @@ After.js is an open-source JavaScript framework for developing SSR (Server Side Rendering) based applications. It is similar to the Next.js framework for server-rendered React apps but uses React Router instead of a folder structure based router like Next.js Free Resources -Official GitHub repository -Documetation +Official GitHub repository +Documetation diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md index 73432eac1..f0bda943f 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md @@ -3,8 +3,8 @@ React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native. Free Content -React Website -Official Getting Started +React Website +Official Getting Started The Beginner's Guide to React React JS Course for Beginners React Course - Beginner's Tutorial for React JavaScript Library [2022] diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md index 5ff25a1e3..d05495638 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md @@ -3,4 +3,4 @@ The Angular Universal project is a community driven project to expand on the core APIs from Angular (platform-server) to enable developers to do the server side rendering of Angular applications. It mainly uses express to render pages on pages on node.js server. Free Content -Server-side rendering (SSR) with Angular Universal +Server-side rendering (SSR) with Angular Universal diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md index 6e47ad0e3..bff19387c 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md @@ -3,4 +3,4 @@ Angular is a component based front-end development framework built on TypeScript which includes a collection of well-integrated libraries that include features like routing, forms management, client-server communication, and more. Free Content -Official - Getting started with Angular +Official - Getting started with Angular diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md index 98d9a55e5..f595fbd1c 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md @@ -4,7 +4,7 @@ Nuxt.js is a free and open source JavaScript library based on Vue.js, Node.js, W Free Content Nuxt Website -Nuxt Docs +Nuxt Docs +Nuxt Tutorials Get Started with Nuxt Nuxt.js Fundamentals -Nuxt Tutorials diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md index 885ee84af..ff87d1b8e 100644 --- a/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md +++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md @@ -4,8 +4,8 @@ Server-side rendering refers to the process that the service side completes the Free Content -what is server side rendering -When should I Server-Side Render? -Server-Side Rendering (SSR) +what is server side rendering +When should I Server-Side Render? +Server-Side Rendering (SSR) what is server side rendering? What is server-side rendering for web development? diff --git a/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md b/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md index 7d1fa06ba..54ad410dd 100644 --- a/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md +++ b/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md @@ -4,6 +4,6 @@ Apollo is a platform for building a unified graph, a communication layer that he Free Content Apollo Website -Official Docs -Official YouTube Channel +Official Docs +Official YouTube Channel GraphQL With React Tutorial - Apollo Client diff --git a/content/roadmaps/100-frontend/content/119-graphql/readme.md b/content/roadmaps/100-frontend/content/119-graphql/readme.md index 83ffa621d..c4039dbd7 100644 --- a/content/roadmaps/100-frontend/content/119-graphql/readme.md +++ b/content/roadmaps/100-frontend/content/119-graphql/readme.md @@ -6,4 +6,4 @@ GraphQL is a query language for APIs and a runtime for fulfilling those queries Introduction to GraphQL The Fullstack Tutorial for GraphQL GraphQL Tutorials -GraphQL Course for Beginners +GraphQL Course for Beginners diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md b/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md index 776a225f2..496c73364 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md @@ -5,8 +5,8 @@ enabling React based web applications functionalities such as server-side rendering and generating static websites. Free Resources -Official Website -Official Docs for Getting Started -Mastering Next.js -Next.js for Beginners - Full Course at freeCodeCamp YouTube Channel +Official Website +Official Docs for Getting Started The Next.js Handbook — FreeCodeCamp +Mastering Next.js +Next.js for Beginners - Full Course at freeCodeCamp YouTube Channel diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md b/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md index 229c9a6ed..9afeb0dfd 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md @@ -4,5 +4,5 @@ Gatsby is a React-based open source framework with performance, scalability and Free Resources Gatsby Website -Gatsby Docs +Gatsby Docs Gatsby Tutorial diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md b/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md index 1d96a28ad..ed683b188 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md @@ -5,7 +5,7 @@ enabling Vue based web applications functionalities such as server-side rendering and generating static websites. Free Resources -Official Website -Official Docs for Getting Started -Mastering Nuxt.js +Official Website +Official Docs for Getting Started +Mastering Nuxt.js Vue.js for Beginners - Full Course at freeCodeCamp YouTube Channel diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md b/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md index 1747915aa..0ce326f80 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md @@ -3,6 +3,6 @@ VuePress is composed of two parts: a minimalistic static site generator (opens new window)with a Vue-powered theming system and Plugin API, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue’s own sub projects. Free Resources -Official Website -Official Docs for Getting Started +Official Website +Official Docs for Getting Started Introduction to VuePress diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md b/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md index 4b7b82169..7f5a7ba94 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md @@ -3,6 +3,6 @@ Hugo is the world’s fastest static website engine. It’s written in Go (aka Golang) and developed by bep, spf13 and friends. Free Resources -Official Website -Official Docs for Getting Started +Official Website +Official Docs for Getting Started Introduction to Hugo - Static Site Generator diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md b/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md index 210a1a9f5..a1731df73 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md @@ -4,4 +4,4 @@ Gridsome is a Vue.js powered Jamstack framework for building static generated we Free Content Gridsome Website -Gridsome Documentation +Gridsome Documentation diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md b/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md index fff7df488..942bf0b24 100644 --- a/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md +++ b/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md @@ -4,6 +4,6 @@ Eleventy (11ty) is a simple to use, easy to customize, highly performant and pow Free Content Official Website -Introduction to Eleventy A collection of 11ty starters, projects, plugins, and resources +Introduction to Eleventy diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md b/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md index fac6f29ab..dcffae115 100644 --- a/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md +++ b/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md @@ -4,4 +4,4 @@ Electron allows you to build cross-platform desktop applications with HTML, CSS, Free Content Electron Website -Electron Docs +Electron Docs diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md b/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md index a722d66a3..b04e74e7c 100644 --- a/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md +++ b/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md @@ -3,5 +3,5 @@ Carlo is a headful Node app framework for building desktop applications. Free Content -Github Repository +Github Repository Carlo development on a web server diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/101-tauri.md b/content/roadmaps/100-frontend/content/122-desktop-applications/101-tauri.md index 2ddbe557f..b6e5e01ee 100644 --- a/content/roadmaps/100-frontend/content/122-desktop-applications/101-tauri.md +++ b/content/roadmaps/100-frontend/content/122-desktop-applications/101-tauri.md @@ -4,4 +4,4 @@ Tauri is a toolkit that helps developers make applications for the major desktop Free Content Tauri Website -Tauri Docs +Tauri Docs