web_development:js:start

The Reason why you need to learn lower level Javascript
Tips and Tricks js-hints
Common node js or terminal commands js-common
Forms forms-js
Spread operator spread

jQuery basics jquery-basics

Javascript basics js-basics

Pages under js basics that are important:
JS Strings
JS Objects
JS Symbols
JS Arrays
Operators Page
JS Functions
JS Methods
JS DOM
JS Getting/Setting values

JS Constructor constructor
JS Closure

function myFunction() {
  var run = false;
  return function() {
    if (!run) {
      run = true;
      // Your code goes here
    }
  }
}

AJAX js-ajax
For vs forEach() vs for/in vs for/of in JavaScript js-loops

Creating and Triggering Events MDN
How to attach event handlers to dynamically created elements js-dynamic-events

How to use module.exports js-modules
Linting / ESlint eslint

what is ssr in react

In web development, there are three main types of rendering for a website: server-side rendering (SSR), client-side rendering (CSR), and static site generation (SSG). Each has its own pros and cons depending on the type of website you're trying to build.

SSR
Good for pages that need fresh data or dynamic pages. SSR renders pages on the server on every request, which improves SEO and initial load time.
CSR
Good for pages that need fresh data, but where strong SEO is not a concern. CSR is useful for interactive experiences.
SSG
Good for pages whose data is mostly static or pages with infrequently updating data. SSG generates HTML at build time and serves it from a CDN, which provides the best performance.

In React, Server-Side Rendering (SSR) and Client-Side Rendering (CSR) are two different ways to render React applications.
With SSR, the HTML is rendered on the server and then sent to the browser. This means that the browser does not have to do any rendering, which can improve performance. Additionally, SSR can help with SEO, as search engines can crawl and index the rendered HTML.
With CSR, the HTML is rendered in the browser. This can be beneficial for applications that require a lot of interactivity, as the browser can render the content as the user interacts with it. Additionally, CSR can improve the initial load time of the application, as the browser does not have to wait for the HTML to be rendered on the server.

https://dev.to/pahanperera/visual-explanation-and-comparison-of-csr-ssr-ssg-and-isr-34ea

https://blog.logrocket.com/ssg-vs-ssr-in-next-js/
https://tsh.io/blog/ssr-vs-ssg-in-nextjs/
https://vercel.com/blog/nextjs-server-side-rendering-vs-static-generation
https://webdevstudios.com/2022/02/17/ssg-or-ssr-in-next-js/

Node JS node-js
NPM/node node

Angular angular-js
Babel babel
Capacitor capacitor-js

Prettier prettier
Backbone JS backbone-js
Underscore JS underscore-js
Lodash lodash-js
http http
Express JS express-js
NextJS next-js
TypeScript typescript

Stripe JS stripe-js

Socket.io JS socketio
React JS react

Hammer JS hammer-js

Electron electron-js
FileReader JS filereader-js
matchHeight match-height
JS styleguides styleguides
Selenium selenium

Nunjucks Templating nunjucks

composer (for PHP)
NPM/node node
bower bower
Yarn yarn
Lerna lerna

ruby on rails = bundler
nodejs = npm
php = composer
yarn
NuGet
webpack
pnpm https://pnpm.io/
parcel
ViteJS https://vitejs.dev/

  • web_development/js/start.txt
  • Last modified: 2024/03/13 02:15
  • by jimboobrien