??? ??

1. ??: CSS ???? ?????? ??: CSS ???? ??? 2?? ????? ?? ? ?? ???? ??????. ???? ?? ?? ??? ?? ??? ?? ??? ? ????. ?? ??:

   .grid-container {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       grid-gap: 10px;
   }

1. ??: "DOMContentLoaded" ???? ?????? ??: ?????, ??? ? ?? ??? ??? ??? ??? ???? ?? ?? HTML ??? ??? ???? ?? ???? DOMContentLoaded ???? ?????. DOM? ???? ????? ???? ? ?????.

   document.addEventListener("DOMContentLoaded", function() {
       console.log("DOM completamente carregado e analisado");
   });

1. ??: CSS? "z-index" ??? ?????? ??: z-index ??? ??? ?? ??? ?????. Z-???? ?? ??? Z-???? ?? ?? ?? ?????. ?? ??:

   .box1 {
       position: relative;
       z-index: 1;
   }
   .box2 {
       position: relative;
       z-index: 2; /* box2 será exibido na frente de box1 */
   }

1. ??: JavaScript?? "this"? ?????? ??: JavaScript?? ?? ?? ?? ????? ?????. ? ?? ?? ?? ??? ?? ??? ? ????. ?? ??:

   const obj = {
       name: "John",
       greet: function() {
           console.log("Hello, " + this.name);
       }
   };
   obj.greet(); // "Hello, John"

1. ??: CSS ???? ?????? ??: CSS ???? ???? ????? ??? ???? ? ???? ?????. ??? ???, ID ???, ?? ??? ? ?? ??? ???? ????. ?? ??:

   .className { /* Seleciona todos os elementos com a classe "className" */
       color: blue;
   }
   #idName { /* Seleciona o elemento com o ID "idName" */
       font-size: 20px;
   }

1. ??: JavaScript?? "localStorage"? ?????? ??: localStorage? ???? ????? ???? ????? ??? ? ?? API???. localStorage? ??? ???? ???? ??? ????? ?? ??? ?????. ?? ??:

   localStorage.setItem("key", "value");
   const value = localStorage.getItem("key"); // "value"

1. ??: "??? ???"?? ??????
   
   ??: "??? ???"? ???? ?? ?? ???? ???? ?? ??? ???? ??? ?? ???????. ?? ??

   ???? ?? ???? ?? ???? ??? ??

   ?? ?????.

2. ??: "?? ??"? ??????
   
   ??: "?? ??"? ??? ??? ? ?? ?? ??? ??? ???? ?????. ?:
   

   .grid-container {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       grid-gap: 10px;
   }

1. ??: '??? ???'?? ?????? ??: '??? ???'? ??? ?? ??? ??? ?? ???? ??? ?? ??? ?? ? ??? ?? ?????. ?? CSS? ??? ??? ???? ???? ??? ????. ?? ??:

   document.addEventListener("DOMContentLoaded", function() {
       console.log("DOM completamente carregado e analisado");
   });

1. ??: "fetch API"? ??????
   
   ??: ???? API? JavaScript? HTTP ??? ??? ?? ?? ????????. ??? ??? ???? Promise? ?????. ?:
   

      .box1 {
          position: relative;
          z-index: 1;
      }
      .box2 {
          position: relative;
          z-index: 2; /* box2 será exibido na frente de box1 */
      }
   

?? ??

1. ??: "CORS"? ??????
   
   ??: CORS(Cross-Origin Resource Sharing)? ????? ??? ???? ?? ???? ??? ???? ?? ?? ????? ??? ? ??? ?? ?? ???????. ?? ??? ???? ???? ? ?????.

2. ??: React?? "?? DOM"?? ??????
   
   ??: "?? DOM"? ?? DOM? ???? ??? ????. React? ?? DOM? ???? DOM ????? ?????? ?? DOM? ?? DOM? ???? ??? ?? ??? ???? ?? ????? ??? ? ????.

3. ??: React?? "props"? ??????
   
   ??: "Props"? React? ?? ?? ?? ???? ???? ???????. ?? ?? ?? ?? ??? ???? ?? ?? ??? ??? ? ????. ?:
   

      const obj = {
          name: "John",
          greet: function() {
              console.log("Hello, " + this.name);
          }
      };
      obj.greet(); // "Hello, John"
   

4. ??: React?? "??"? ??????
   
   ??: "??"? ??? ? ?? ?????? ??? ???? ?????. ?? ??? ???? ??? ??? ???? ???? ? ?????. ?:
   

      .className { /* Seleciona todos os elementos com a classe "className" */
          color: blue;
      }
      #idName { /* Seleciona o elemento com o ID "idName" */
          font-size: 20px;
      }
   

5. ??: "React Router"? ??????
   
   ??: React Router? React ??????? ??? ?? ?? ? ??? ???? ?? ??? ??????(SPA) ??? ???? ?? ????????. URL? ???? ??? ???? ?? ??? ???? ? ????.

6. ??: React?? "??"? ??????
   
   ??: ??? ?? ?? ???? ?? ? ?? React ???? ??? ? ?? ??? ?????. useState ? useEffect? ??? ????. ?:
   

      .grid-container {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 10px;
      }
   

7. ??:"Webpack"? ??????
   
   ??: Webpack? JavaScript ??????? ?? ?????. ?? ?? JavaScript, CSS ? ?? ??? ??? ?? ?? ?? ?? ????? ???? ??? ?? ? ????.

8. ??:???? ??????
   
   ??: Babel? ?? JavaScript ??(ES6)? ???? ?? ?? ????? ???? ???? ??? ? ?? ?????????. Webpack? ?? ???? ??? ????.

9. ??: "SASS"? ??????
   
   ??: SASS(Syntactically Awesome Style Sheets)? ??, ?? ? ??? ???? CSS? ?? ???? ?? ???? ?? ??? CSS ???????. ?:
   

      document.addEventListener("DOMContentLoaded", function() {
          console.log("DOM completamente carregado e analisado");
      });
   

10. ??:"AJAX"? ??????
    
    ??: AJAX(Asynchronous JavaScript and XML)? ???? ?? ???? ??? ??? ??? ??? ? ? ?? ?????. ?? ????? ??? ???? ?????? ? ?? ?????.

??? ??

1. ??: "??????? ????"? ??????
   
   ??: ??????? ????? ?? ???? ?? ???? ??? ???? ??????? ???? ???? ??????. ?? ?? ?? ?? ??????? ??? ??? ?? ????? ??? ? ????.

2. ??: "SSR"(?? ? ???)?? ??????
   
   ??: SSR? ?????? ?? ???? ? ?????? ???? ???? ?????. ???? ?? ???? ?????? ????? ??? SEO? ??? ? ????.

3. ??: "CSR"(????? ? ???)?? ??????
   
   ??: CSR? ????? JavaScript? ???? ??????? ? ?????? ???? ???? ?????. ?? ?? ?? ?????? ??? ??? ????? ???? ???? ??? SEO? ???? ??? ?? ? ????.

4. ??:"Redux Saga"? ??????
   
   ??: Redux Saga? Redux ??????? ??? ??? ???? ?? ????????. ???? ???? API ??? ?? ??? ??? ?? ?? ?? ???? ???? ?????.

5. ??: React? "Context API"? ??????
   
   ??: Context API? ? ???? props? ???? ??? ?? ?? ?? ?? ??? ?? ???? ???? ?????. ??? ??? ?? ? ??? ???? ??? ? ?????.

6. ??: "TypeScript"? ??????
   
   ??: TypeScript? ??? ?? ???? ???? JavaScript? ?? ?????. ??, ??, ??? ??? ??? ? ?? ??? ??? ???? ? ??? ???.

7. ??: "?????? ? ?(PWA)"?? ??????
   
   ??: PWA? ???? ??, ?? ??, ? ?? ?? ? ?? ?? ??? ??? ???? ? ?????????. ?? ? ??? ???? ???????.

8. ??: "GraphQL"? ??????
   
   ??: GraphQL? ?????? ??? ???? ???? ??? ? ?? ??? API? ?? ?????. ?? ?????? ??? ??? ? ?? ???? ??? ? ?? REST API? ?????.

9. ??: "? ???"?? ??????
   
   ??: ? ????? ???? ? ??????? ??? ? ??? ??? ??? ????. ???? ??? ??, ARIA ?? ?? ? ???? ???? ?? ???? ???? ?? ?????.

10. ??: "??? ??"? ??????
    
    ??: ??? ??? ????? ? ???? ??? ??????? ???? ??, ?? ??, ????? ???? ?? ??? ????? ???????. PWA ??? ??????.

??

??? ??? ??? ???? ??? ? ?? ?? ???? ?? ? ???????.

1. ????? - ??? ??? ?? ?? ??? ???? ???

   • ???

2. MDN ? ?? - HTML, CSS ? JavaScript? ?? ???? ?????.

   • MDN ? ??

3. JavaScript.info - ???? ?? ???? ?? ??? ??? ?? JavaScript ??????.

   • JavaScript.info

4. React ?? - ?????? ?? ??? ??? ???? ?? React ?????.

   • React ??

5. CSS-Tricks - CSS ? ????? ??? ?? ?? ????? ?? ???????.

   • CSS ??

??? ??? ? ?? ?????? ?? ???? ??? ????? ??? ???? ? ??? ??????.

? ??? ??? ?? ?? II? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!