diff --git a/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md b/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md index eef0ba379..04f88cd9d 100644 --- a/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md +++ b/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md @@ -1,6 +1,6 @@ # Accessibility -Website accessibility means making sites usable by everyone, including those with disabilities. This involves clear design, like text for images, keyboard navigation, good color contrast, and captions. Following accessibility rules helps all users, not just those with disabilities, and can also help with legal compliance and reaching more people. +Website accessibility ensures sites are usable by everyone, including people with disabilities. Involves alt text for images, keyboard navigation, color contrast, and captions. Benefits all users, supports legal compliance, and expands audience reach. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md b/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md index d18eac1dd..ad0bcf614 100644 --- a/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md +++ b/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md @@ -1,6 +1,6 @@ # Angular -Angular is a popular tool from Google for building websites and web apps. It uses TypeScript (a type of JavaScript) to create large, efficient single-page applications (SPAs), where content loads in one go without needing to reload the whole page. Angular builds UIs with reusable components, like building blocks. It has features like two-way data binding (data updates automatically in different places), dependency injection (helps manage code parts), and a strong template system. Angular also offers tools for testing, page navigation, and managing app data, making it great for big, complex projects. +Angular is Google's TypeScript framework for building single-page applications (SPAs). Features reusable components, two-way data binding, dependency injection, and robust template system. Includes testing tools, routing, and state management. Ideal for large, complex enterprise applications. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md b/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md index 210131d19..052e7f4d9 100644 --- a/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md +++ b/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md @@ -1,6 +1,6 @@ # Apollo -Apollo GraphQL is a platform for using GraphQL in apps. It has tools for both client (front-end) and server (back-end). Apollo Client helps with caching, data, and state in the front-end. Apollo Server helps build GraphQL APIs. Apollo also offers tools for managing your data graph, checking performance, and more. It simplifies GraphQL, helping build faster and more scalable apps. +Apollo GraphQL is a comprehensive platform for GraphQL applications. Apollo Client handles caching, data fetching, and state management. Apollo Server builds GraphQL APIs. Includes tools for schema management, performance monitoring, and developer tooling for faster, scalable apps. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md b/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md index ae494f973..f6a8e3091 100644 --- a/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md +++ b/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md @@ -1,6 +1,6 @@ # Astro -Astro is a static site generator for fast, content-focused websites. It lets you use various frontend frameworks (like React, Vue, Svelte) and renders components to static HTML. Astro's "partial hydration" only sends JavaScript when needed, leading to smaller bundles and quicker loads. It supports file-based routing and markdown, making it great for blogs, docs, and marketing sites. +Astro is a static site generator supporting multiple frameworks (React, Vue, Svelte) with partial hydration. Renders components to static HTML, sending JavaScript only when needed. Features file-based routing and markdown support. Ideal for blogs, documentation, and marketing sites. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md b/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md index bb25a2555..6c6efc8bc 100644 --- a/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md +++ b/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md @@ -1,6 +1,6 @@ # Astro -Astro is a static site generator for fast, content-focused websites. It lets you use various frontend frameworks (like React, Vue, Svelte) and renders components to static HTML. Astro's "partial hydration" only sends JavaScript when needed, leading to smaller bundles and quicker loads. It supports file-based routing and markdown, making it great for blogs, docs, and marketing sites. +Astro is a static site generator supporting multiple frameworks (React, Vue, Svelte) with partial hydration. Renders components to static HTML, sending JavaScript only when needed. Features file-based routing and markdown support. Ideal for blogs, documentation, and marketing sites. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/bem@dRDmS072xeNLX7p_X565w.md b/src/data/roadmaps/frontend/content/bem@dRDmS072xeNLX7p_X565w.md index e903e4126..ae9eb7aa3 100644 --- a/src/data/roadmaps/frontend/content/bem@dRDmS072xeNLX7p_X565w.md +++ b/src/data/roadmaps/frontend/content/bem@dRDmS072xeNLX7p_X565w.md @@ -1,6 +1,6 @@ # BEM -BEM (Block, Element, Modifier) is a way to name CSS classes in HTML. It helps developers see how HTML and CSS relate in a project. The goal is to make CSS more modular, reusable, and easier to understand, especially in large projects, by creating clear, consistent naming rules. +BEM (Block, Element, Modifier) is a CSS naming methodology creating clear relationships between HTML and CSS. Makes styles more modular, reusable, and understandable through consistent naming conventions. Especially valuable for large projects requiring maintainable code. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/bitbucket@DILBiQp7WWgSZ5hhtDW6A.md b/src/data/roadmaps/frontend/content/bitbucket@DILBiQp7WWgSZ5hhtDW6A.md index b06702196..a12ab50b2 100644 --- a/src/data/roadmaps/frontend/content/bitbucket@DILBiQp7WWgSZ5hhtDW6A.md +++ b/src/data/roadmaps/frontend/content/bitbucket@DILBiQp7WWgSZ5hhtDW6A.md @@ -1,6 +1,6 @@ # BitBucket -Bitbucket, by Atlassian, hosts Git and Mercurial code projects. It’s for both open-source and private work. Bitbucket has features like pull requests and code review comments. It works well with other Atlassian tools like Jira for project management. You can use it online or host it yourself. Bitbucket also supports CI/CD (automating build and release) with Bitbucket Pipelines. +Bitbucket is Atlassian's Git and Mercurial repository hosting platform supporting open-source and private projects. Features pull requests, code reviews, and integrates with Atlassian tools like Jira. Offers cloud and self-hosted options with CI/CD through Bitbucket Pipelines. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/browsers-and-how-they-work@P82WFaTPgQEPNp5IIuZ1Y.md b/src/data/roadmaps/frontend/content/browsers-and-how-they-work@P82WFaTPgQEPNp5IIuZ1Y.md index d6129f6db..41e4b9504 100644 --- a/src/data/roadmaps/frontend/content/browsers-and-how-they-work@P82WFaTPgQEPNp5IIuZ1Y.md +++ b/src/data/roadmaps/frontend/content/browsers-and-how-they-work@P82WFaTPgQEPNp5IIuZ1Y.md @@ -1,6 +1,6 @@ # Browsers -Web browsers are apps that let you view websites. When you type a web address, the browser asks a server for the page. It then reads the HTML (structure), CSS (style), and JavaScript (interactivity) to show you the webpage. Browsers have rendering engines (like Blink in Chrome or Gecko in Firefox) to display content and JavaScript engines (like V8 in Chrome) to run code. They also handle things like security, bookmarks, and history. +Web browsers request and display websites by interpreting HTML, CSS, and JavaScript. Use rendering engines (Blink, Gecko) for display and JavaScript engines (V8) for code execution. Handle security, bookmarks, history, and user interactions for web navigation. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/content-security-policy@rmcm0CZbtNVC9LZ14-H6h.md b/src/data/roadmaps/frontend/content/content-security-policy@rmcm0CZbtNVC9LZ14-H6h.md index 9eeedd101..0b45411a2 100644 --- a/src/data/roadmaps/frontend/content/content-security-policy@rmcm0CZbtNVC9LZ14-H6h.md +++ b/src/data/roadmaps/frontend/content/content-security-policy@rmcm0CZbtNVC9LZ14-H6h.md @@ -1,6 +1,6 @@ # Content Security Policy -Content Security Policy (CSP) is a security feature in web browsers that helps stop attacks like cross-site scripting (XSS) and clickjacking. It lets website creators tell the browser which sources of content (like scripts, styles, and images) are safe to load. This is done using special instructions sent with the webpage. By limiting where content can come from, CSP makes it much harder for bad code to run on a site. It can also report problems, helping developers find and fix security holes. Setting up CSP needs care to make sure everything works right, especially if the site uses content from other places. +Content Security Policy (CSP) prevents XSS and clickjacking attacks by specifying trusted content sources through HTTP headers. Website creators define safe sources for scripts, styles, images, and other resources. Limits malicious code execution and provides violation reporting for security monitoring. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/cors@AfH2zCbqzw0Nisg1yyISS.md b/src/data/roadmaps/frontend/content/cors@AfH2zCbqzw0Nisg1yyISS.md index 63a57afe2..d2d019660 100644 --- a/src/data/roadmaps/frontend/content/cors@AfH2zCbqzw0Nisg1yyISS.md +++ b/src/data/roadmaps/frontend/content/cors@AfH2zCbqzw0Nisg1yyISS.md @@ -1,6 +1,6 @@ # CORS -Cross-Origin Resource Sharing (CORS) is a browser security feature that controls how web pages access resources from different domains. It allows servers to specify who can access their assets (like APIs or fonts). CORS uses HTTP headers; browsers may send a preflight request to check if the actual request is allowed. This prevents unauthorized access while enabling legitimate cross-origin requests, vital for modern apps using multiple domain services. +CORS (Cross-Origin Resource Sharing) controls web page access to resources from different domains through HTTP headers. Servers specify allowed origins while browsers send preflight requests for permission. Prevents unauthorized access while enabling legitimate cross-origin requests for modern multi-domain applications. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/credentials@opu2bAsmdWHqWqtsCscLC.md b/src/data/roadmaps/frontend/content/credentials@opu2bAsmdWHqWqtsCscLC.md index ec0dc9398..50c5452be 100644 --- a/src/data/roadmaps/frontend/content/credentials@opu2bAsmdWHqWqtsCscLC.md +++ b/src/data/roadmaps/frontend/content/credentials@opu2bAsmdWHqWqtsCscLC.md @@ -1,6 +1,6 @@ # Credentials API -The Credential Management API helps websites work with the browser's password manager. It lets sites store and get user logins securely, making sign-in and sign-up easier (like auto sign-in). It supports passwords and other login types. This API improves login experience and security by working with password managers and platform authenticators, making logins smoother across devices. +Credential Management API integrates websites with browser password managers for secure credential storage and retrieval. Enables auto sign-in, supports various authentication methods, and works with platform authenticators. Improves login experience and security across devices. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/css-architecture@nPg_YWpMJtlhU2t2UD_6B.md b/src/data/roadmaps/frontend/content/css-architecture@nPg_YWpMJtlhU2t2UD_6B.md index 83cc53318..55c060f54 100644 --- a/src/data/roadmaps/frontend/content/css-architecture@nPg_YWpMJtlhU2t2UD_6B.md +++ b/src/data/roadmaps/frontend/content/css-architecture@nPg_YWpMJtlhU2t2UD_6B.md @@ -1,6 +1,6 @@ # CSS Architecture -CSS architecture organizes CSS in large web projects for scalability and maintenance. It involves naming conventions (like BEM), component-based design, and tools like preprocessors. Techniques like CSS modules or utility classes enhance reusability and reduce conflicts. The aim is a systematic styling approach for better collaboration, less code duplication, and easier updates. +CSS architecture organizes styles in large projects using naming conventions (BEM), component-based design, preprocessors, CSS modules, and utility classes. Aims for scalability, maintainability, reduced conflicts, better collaboration, and easier updates through systematic approaches. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md b/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md index eb8e4e3fc..cd42ce42f 100644 --- a/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md +++ b/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md @@ -1,6 +1,6 @@ # CSS Preprocessors -CSS preprocessors (like Sass, Less, Stylus) add extra features to CSS, making it easier to write and manage. They offer things like variables (for colors, sizes), nesting (to organize styles), mixins (reusable style blocks), and functions. This helps keep CSS tidy and avoid repetition, especially in big projects. The preprocessor code is then turned into regular CSS that browsers understand. They make CSS more powerful and efficient. +CSS preprocessors (Sass, Less, Stylus) extend CSS with variables, nesting, mixins, and functions for easier writing and management. Compile to regular CSS while reducing repetition and improving organization. Make CSS more powerful and maintainable for large projects. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/css@ZhJhf1M2OphYbEmduFq-9.md b/src/data/roadmaps/frontend/content/css@ZhJhf1M2OphYbEmduFq-9.md index a6e3e024c..3373fd45c 100644 --- a/src/data/roadmaps/frontend/content/css@ZhJhf1M2OphYbEmduFq-9.md +++ b/src/data/roadmaps/frontend/content/css@ZhJhf1M2OphYbEmduFq-9.md @@ -1,6 +1,6 @@ # CSS -CSS (Cascading Style Sheets) is what makes websites look good. It's a language used to style HTML documents, controlling things like layout, colors, and fonts. CSS keeps the design separate from the HTML content, which makes websites easier to manage. It uses "selectors" to pick HTML elements and apply styles. CSS also helps make websites responsive, meaning they look good on any device, thanks to media queries. Important ideas in CSS are the cascade (how styles override each other), inheritance (how styles pass from parent to child elements), and specificity (which style rule wins). Modern CSS has cool tools like Flexbox and Grid for layout, plus animations and transitions for interactive designs. +CSS (Cascading Style Sheets) styles HTML documents, controlling layout, colors, and fonts. Separates design from content using selectors to target elements. Features responsive design with media queries, cascade rules, inheritance, and specificity. Modern CSS includes Flexbox, Grid, animations, and transitions. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md b/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md index 2127962dd..cbec4d548 100644 --- a/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md +++ b/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md @@ -1,6 +1,6 @@ # Custom Elements -Custom Elements are a part of Web Components that let you create your own HTML tags. This means you can make reusable parts for your webpage that have their own special behavior, instead of using lots of nested standard HTML tags. It helps keep your HTML cleaner and your components easier to manage. +Custom Elements enable creating your own HTML tags as part of Web Components. Build reusable webpage components with custom behavior instead of nested standard HTML. Keeps HTML cleaner and components more manageable with encapsulated functionality. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md b/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md index 3a3ebaf1e..6fb245492 100644 --- a/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md +++ b/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md @@ -1,6 +1,6 @@ # Cypress -Cypress is a tool for testing websites from start to finish, just like a user would. It's written in JavaScript and based on Mocha (another JavaScript testing tool). Cypress runs tests directly in the browser, which makes testing things that happen over time (asynchronous testing) easier. It also uses common testing approaches like BDD/TDD and can work with other JavaScript testing tools. +Cypress is a JavaScript end-to-end testing framework running tests directly in browsers. Built on Mocha with excellent asynchronous testing support. Features time-travel debugging, automatic waiting, and real-time reloading. Supports BDD/TDD approaches for comprehensive web application testing. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md b/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md index abea0f3d4..ad0bf2d9c 100644 --- a/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md +++ b/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md @@ -1,6 +1,6 @@ # Desktop Applications in JavaScript -JavaScript can build desktop apps using tools like Electron, NW.js, or Tauri. These mix JavaScript with a native look and feel, letting web developers make desktop apps for different systems (like Windows, Mac, Linux). Electron is very popular (used by VS Code, Discord). These tools let JavaScript access computer features like files. While they make development fast and work on many systems, they can sometimes be slower or use more resources than fully native apps. But, they benefit from all the JavaScript tools available. +JavaScript builds desktop apps using Electron, NW.js, or Tauri for cross-platform development (Windows, Mac, Linux). Electron powers VS Code and Discord. Provides file system access and native integration. Trade-offs: faster development vs. performance and resource usage compared to native apps. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/device-orientation@Fd0hQh1DleM0gMzCpGou4.md b/src/data/roadmaps/frontend/content/device-orientation@Fd0hQh1DleM0gMzCpGou4.md index 53b741d61..58937adde 100644 --- a/src/data/roadmaps/frontend/content/device-orientation@Fd0hQh1DleM0gMzCpGou4.md +++ b/src/data/roadmaps/frontend/content/device-orientation@Fd0hQh1DleM0gMzCpGou4.md @@ -1,6 +1,6 @@ # Device Orientation API -The Device Orientation API lets websites know how a device is tilted or moving (like its pitch, roll, and yaw). This is for apps that react to movement, like augmented reality or motion games. The site must ask for permission first. If allowed, it can get the device's orientation and react to changes. It helps make interactive, motion-aware web apps. +Device Orientation API detects device tilt and movement (pitch, roll, yaw) for motion-responsive applications. Requires permission for AR, gaming, and interactive experiences. Provides orientation data and change detection for motion-aware web apps. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/dns-and-how-it-works@hkxw9jPGYphmjhTjw8766.md b/src/data/roadmaps/frontend/content/dns-and-how-it-works@hkxw9jPGYphmjhTjw8766.md index e16eda5cc..3dd55d07f 100644 --- a/src/data/roadmaps/frontend/content/dns-and-how-it-works@hkxw9jPGYphmjhTjw8766.md +++ b/src/data/roadmaps/frontend/content/dns-and-how-it-works@hkxw9jPGYphmjhTjw8766.md @@ -1,6 +1,6 @@ # DNS -DNS (Domain Name System) translates human-readable domain names (e.g., www.example.com) into IP addresses computers use. It's a global, decentralized system of servers. When you enter a domain name, DNS servers find the corresponding IP address, letting your browser connect to the website. This makes navigating the internet easy, as you don't need to remember numeric IP addresses. +DNS (Domain Name System) translates human-readable domain names into IP addresses through a global, decentralized server network. Enables easy internet navigation by converting names like www.example.com to numeric addresses browsers can connect to. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/electron@mQHpSyMR4Rra4mqAslgiS.md b/src/data/roadmaps/frontend/content/electron@mQHpSyMR4Rra4mqAslgiS.md index 4d4e1f281..75857f4d4 100644 --- a/src/data/roadmaps/frontend/content/electron@mQHpSyMR4Rra4mqAslgiS.md +++ b/src/data/roadmaps/frontend/content/electron@mQHpSyMR4Rra4mqAslgiS.md @@ -1,6 +1,6 @@ # Electron -Electron is a framework for building cross-platform desktop apps with web tech (HTML, CSS, JavaScript). It uses Chromium and Node.js, allowing access to native OS functions. Popular apps like VS Code use Electron. It enables fast development and cross-platform use, but can be resource-intensive. Still, it's a go-to for web developers creating desktop apps. +Electron builds cross-platform desktop apps using web technologies (HTML, CSS, JavaScript) with Chromium and Node.js. Provides native OS access and powers apps like VS Code. Enables rapid development but can be resource-intensive. Popular choice for web developers. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md b/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md index 9f5d189cc..924547bbe 100644 --- a/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md +++ b/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md @@ -1,6 +1,6 @@ # Eleventy -Eleventy (or 11ty) is a tool for building fast websites that don't change often (static sites). It's easy to use and change to fit your needs. You can write pages using many different template languages like HTML, Markdown, or JavaScript. Eleventy can also create pages from data you have or from other websites when you build your site. A big plus is that it doesn't add any extra JavaScript to the user's browser, making sites load quickly. It also has helpful plugins for things like navigation or changing images. +Eleventy (11ty) is a flexible static site generator supporting multiple template languages (HTML, Markdown, JavaScript). Creates pages from data sources, adds no client-side JavaScript for fast loading. Highly customizable with useful plugins for navigation and image processing. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md b/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md index 31374baa4..b92970406 100644 --- a/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md +++ b/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md @@ -1,6 +1,6 @@ # esbuild -esbuild is a very fast JavaScript bundler and minifier. It's written in Go, so it's much quicker than older tools. esbuild handles modern JavaScript, TypeScript, and JSX. It bundles code almost instantly, even for big projects. It's easy to use with a simple API. While super fast, it might not have all the advanced features of older bundlers, but it's great for development and as a base for other tools. +esbuild is an extremely fast JavaScript bundler and minifier written in Go. Handles modern JavaScript, TypeScript, and JSX with near-instant bundling. Simple API with excellent performance for development and as foundation for other tools. Trades some advanced features for speed. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md b/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md index 4832e8074..ffe9604d6 100644 --- a/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md +++ b/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md @@ -1,6 +1,6 @@ # ESLint -ESLint is a tool that checks JavaScript code for problems. It helps keep code style consistent and finds errors. ESLint is very flexible; you can set your own rules or use ready-made ones. It works with modern JavaScript, JSX, and TypeScript. You can use ESLint in your code editor or when you build your project to get live feedback. It can even fix many issues automatically, which is great for team projects. +ESLint is a JavaScript linter checking code for problems, maintaining consistent style, and finding errors. Highly configurable with custom or preset rules. Supports modern JavaScript, JSX, TypeScript. Integrates with editors and build tools, offers automatic fixing for team consistency. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/fetch-api--ajax-xhr@A4brX0efjZ0FFPTB4r6U0.md b/src/data/roadmaps/frontend/content/fetch-api--ajax-xhr@A4brX0efjZ0FFPTB4r6U0.md index 55712c35c..e32950c22 100644 --- a/src/data/roadmaps/frontend/content/fetch-api--ajax-xhr@A4brX0efjZ0FFPTB4r6U0.md +++ b/src/data/roadmaps/frontend/content/fetch-api--ajax-xhr@A4brX0efjZ0FFPTB4r6U0.md @@ -1,6 +1,6 @@ # Fetch API -The Fetch API is a new way for JavaScript in browsers to make HTTP requests (getting or sending data online). It's better and more flexible than older ways like XMLHttpRequest. Fetch uses Promises, making code that waits for data cleaner. It handles different data types and request methods (GET, POST). It's now the standard way for websites to talk to servers and is supported by most browsers. +Fetch API is the modern JavaScript interface for making HTTP requests, replacing XMLHttpRequest. Uses Promises for cleaner asynchronous code, supports various data types and HTTP methods. Now the standard for client-server communication with broad browser support. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/flutter@2MRvAK9G9RGM_auWytcKh.md b/src/data/roadmaps/frontend/content/flutter@2MRvAK9G9RGM_auWytcKh.md index 0a0004235..4d6933bad 100644 --- a/src/data/roadmaps/frontend/content/flutter@2MRvAK9G9RGM_auWytcKh.md +++ b/src/data/roadmaps/frontend/content/flutter@2MRvAK9G9RGM_auWytcKh.md @@ -1,6 +1,6 @@ # Flutter -Flutter, by Google, is a tool for building apps for many platforms (iOS, Android, web, desktop) from one set of code. It uses the Dart language and has many ready-made UI parts (widgets) for making good-looking apps. Flutter is fast to develop with because of its hot reload (see changes instantly). It draws its own UI, so apps look the same everywhere. It's very popular for mobile apps and growing for web and desktop too. +Flutter is Google's cross-platform framework building apps for iOS, Android, web, desktop from single Dart codebase. Features rich widget library, hot reload, and custom rendering engine for consistent UI. Popular for mobile development, expanding to web and desktop platforms. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/flutter@dIQXjFEUAJAGxxfAYceHU.md b/src/data/roadmaps/frontend/content/flutter@dIQXjFEUAJAGxxfAYceHU.md index 0a0004235..4d6933bad 100644 --- a/src/data/roadmaps/frontend/content/flutter@dIQXjFEUAJAGxxfAYceHU.md +++ b/src/data/roadmaps/frontend/content/flutter@dIQXjFEUAJAGxxfAYceHU.md @@ -1,6 +1,6 @@ # Flutter -Flutter, by Google, is a tool for building apps for many platforms (iOS, Android, web, desktop) from one set of code. It uses the Dart language and has many ready-made UI parts (widgets) for making good-looking apps. Flutter is fast to develop with because of its hot reload (see changes instantly). It draws its own UI, so apps look the same everywhere. It's very popular for mobile apps and growing for web and desktop too. +Flutter is Google's cross-platform framework building apps for iOS, Android, web, desktop from single Dart codebase. Features rich widget library, hot reload, and custom rendering engine for consistent UI. Popular for mobile development, expanding to web and desktop platforms. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/forms-and-validations@V5zucKEHnIPPjwHqsMPHF.md b/src/data/roadmaps/frontend/content/forms-and-validations@V5zucKEHnIPPjwHqsMPHF.md index feded23cb..49b4914fc 100644 --- a/src/data/roadmaps/frontend/content/forms-and-validations@V5zucKEHnIPPjwHqsMPHF.md +++ b/src/data/roadmaps/frontend/content/forms-and-validations@V5zucKEHnIPPjwHqsMPHF.md @@ -1,6 +1,6 @@ # Forms and Validations -Before sending data from a form to a server, it's important to check if all required fields are filled in correctly. This is called client-side form validation. It helps make sure the data sent matches what the form expects, improving data quality and user experience. +Client-side form validation checks required fields and data formats before server submission. Ensures data integrity, improves user experience with immediate feedback, and reduces server load. Essential for quality data collection and user-friendly interfaces. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md b/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md index 724cfbb2b..a4f1129d7 100644 --- a/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md +++ b/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md @@ -1,6 +1,6 @@ # Git -Git is a tool for tracking code changes in software projects. It lets many developers work together by keeping a history of all changes. Git is great for branching (working on different features at once) and merging (combining changes). Everyone has a full copy of the project, so they can work offline. Git is fast, flexible, and the most popular version control system, especially for open-source projects. +Git is a distributed version control system tracking code changes and enabling collaborative development. Features branching, merging, and complete project history. Allows offline work with local repositories. Fast, flexible, and the most popular VCS for software projects. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md b/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md index 034537c3e..71f9d173c 100644 --- a/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md +++ b/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md @@ -1,6 +1,6 @@ # GitHub -GitHub is a popular website for hosting Git projects. It's a key place for open-source software and is used by developers and companies for both public and private code. Microsoft bought GitHub in 2018. It's a vital tool for modern software development, showing off projects, and contributing to open-source. +GitHub is the leading Git repository hosting platform for open-source and private projects. Owned by Microsoft since 2018, it's essential for modern software development, project showcasing, and open-source contributions. Central hub for developer collaboration and code sharing. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md b/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md index 296347bde..0858f0280 100644 --- a/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md +++ b/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md @@ -1,6 +1,6 @@ # GitLab -GitLab is a web platform for the entire software development process (DevOps). It offers many tools in one place. You can use it online or host it yourself. GitLab is popular with businesses that want one platform for all their development work. It's like GitHub but often highlighted for its built-in CI/CD (automating build and release) and self-hosting options. +GitLab is a comprehensive DevOps platform offering integrated development tools including Git hosting, CI/CD, issue tracking, and deployment. Available as cloud service or self-hosted solution. Popular with enterprises seeking unified development workflows and built-in automation capabilities. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md b/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md index 72b70e75a..ef3b5aee9 100644 --- a/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md +++ b/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md @@ -1,6 +1,6 @@ # Graphql -GraphQL, by Facebook, is a way to get data for apps. Unlike older methods, it lets apps ask for exactly the data they need, no more, no less. This is great for mobile apps where saving data is important. It's different from REST but good for big or changing APIs. +GraphQL is Facebook's query language for APIs allowing clients to request exactly the data needed. Reduces over-fetching and under-fetching compared to REST. Ideal for mobile applications, complex APIs, and rapidly changing requirements with strong typing. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md b/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md index 16376abbb..eea20ecd9 100644 --- a/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md +++ b/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md @@ -1,6 +1,6 @@ # How Does The Internet Work -The internet is a global network connecting computers and devices for information sharing, enabling activities like browsing websites, sending emails, and streaming videos. It acts as a vast web linking everything, facilitating communication and access to online resources and services worldwide. +The internet is a global network connecting computers and devices for information sharing. Enables browsing, email, streaming, and communication through interconnected systems. Acts as worldwide infrastructure facilitating access to online resources and services. Visit the following resources to learn more: diff --git a/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md b/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md index 5817c8892..caf12db6f 100644 --- a/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md +++ b/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md @@ -1,6 +1,6 @@ # HTML Templates -The `