df1563cd.8d16afab.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{169:function(e,t,a){"use strict";a.r(t),a.d(t,"frontMatter",(function(){return i})),a.d(t,"metadata",(function(){return b})),a.d(t,"rightToc",(function(){return o})),a.d(t,"default",(function(){return p}));var n=a(1),c=a(9),r=(a(0),a(176)),i={id:"doc_web",title:"Web Development",sidebar_label:"Web"},b={id:"doc_web",title:"Web Development",description:"## Web",source:"@site/docs/doc_web.md",permalink:"/docs/doc_web",editUrl:"https://github.com/pfongkye/cheat-sheets-docs/edit/master/docs/doc_web.md",sidebar_label:"Web",sidebar:"someSidebar",next:{title:"Languages",permalink:"/docs/doc_languages"}},o=[{value:"Web",id:"web",children:[]},{value:"Links",id:"links",children:[]},{value:"Jamstack",id:"jamstack",children:[]},{value:"CSS",id:"css",children:[{value:"Houdini",id:"houdini",children:[]}]},{value:"Accessibility",id:"accessibility",children:[]},{value:"Testing",id:"testing",children:[]},{value:"React",id:"react",children:[]},{value:"Service Workers",id:"service-workers",children:[]},{value:"Application Holotypes",id:"application-holotypes",children:[]},{value:"Patterns",id:"patterns",children:[]},{value:"Vitals",id:"vitals",children:[]},{value:"PHP, Symfony and its ecosystem",id:"php-symfony-and-its-ecosystem",children:[]},{value:"Miscellaneous",id:"miscellaneous",children:[{value:"Anki",id:"anki",children:[]},{value:"SSO",id:"sso",children:[]}]}],s={rightToc:o};function p(e){var t=e.components,a=Object(c.a)(e,["components"]);return Object(r.b)("wrapper",Object(n.a)({},s,a,{components:t,mdxType:"MDXLayout"}),Object(r.b)("h2",{id:"web"},"Web"),Object(r.b)("p",null,"A cheat sheet on Web."),Object(r.b)("h2",{id:"links"},"Links"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://devdocs.io/"}),"dev docs")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://developers.google.com/web/updates/2019/02/rendering-on-the-web"}),"Web rendering terminology")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://web.dev/"}),"web.dev")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5"}),"HTML5")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://dev.to/lydiahallie/cs-visualized-cors-5b8h"}),"CORS")," "),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc"}),"Isomorphic JavaScript")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://web.dev/google-search-tools/"}),"Article")," on tools to debug issues, like SEO issue."),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.troyhunt.com/data-breach-disclosure-101-how-to-succeed-after-youve-failed/"}),"Data breach 101")," "),Object(r.b)("h2",{id:"jamstack"},"Jamstack"),Object(r.b)("p",null,"A ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://jamstack.org/"}),"Jamstack")," site is one which does not depend on a web server."),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.netlify.com/blog/2020/04/14/what-is-a-static-site-generator-and-3-ways-to-find-the-best-one/"}),"Static site generator.")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://bejamas.io/blog/understanding-rendering-in-the-jamstack/"}),"Understanding Rendering")),Object(r.b)("h2",{id:"css"},"CSS"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.smashingmagazine.com/2019/01/how-to-learn-css/"}),"Learn CSS")," "),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"http://howtocenterincss.com/"}),"How to center in CSS")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://gridbyexample.com/"}),"Grid by example")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://css-tricks.com/the-shapes-of-css/"}),"Shapes of CSS")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://1linelayouts.glitch.me/"}),"One-line CSS layouts")," "),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62"}),"Space in Design System")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://meiert.com/en/blog/performance-of-css-selectors-2/"}),"Performance of CSS selectors still irrelevant")),Object(r.b)("h3",{id:"houdini"},"Houdini"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://developer.mozilla.org/en-US/docs/Web/Houdini"}),"Houdini")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://ishoudinireadyyet.com/"}),"Is Houdini ready yet?")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://googlechromelabs.github.io/houdini-samples/"}),"Houdini Samples")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://houdini.how/"}),"How Houdini")),Object(r.b)("h2",{id:"accessibility"},"Accessibility"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://marcysutton.com/testing-accessibility"}),"How to test for accessibility")," "),Object(r.b)("h2",{id:"testing"},"Testing"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://theheadless.dev/"}),"Headless development/testing.")),Object(r.b)("h2",{id:"react"},"React"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://indepth.dev/react"}),"React in depth")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://github.com/microsoft/TypeScript-React-Starter"}),"React with Typescript")),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://www.freecodecamp.org/news/react-beginner-handbook/"}),"React introductory handbook")," "),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://courses.davidl.fr/presentations/react-native-design-system/#/"}),"React Native Design System")," "),Object(r.b)("h2",{id:"service-workers"},"Service Workers"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/"}),"Small HTML payloads with service workers")),Object(r.b)("h2",{id:"application-holotypes"},"Application Holotypes"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://jasonformat.com/application-holotypes/"}),"Some tips to build types of web apps")),Object(r.b)("h2",{id:"patterns"},"Patterns"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://addyosmani.com/blog/the-prpl-pattern/"}),"The PRPL Pattern")," "),Object(r.b)("h2",{id:"vitals"},"Vitals"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://web.dev/rail/"}),"RAIL")," Performance model"),Object(r.b)("h2",{id:"php-symfony-and-its-ecosystem"},"PHP, Symfony and its ecosystem"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://symfony.com/"}),"Symfony")),Object(r.b)("h2",{id:"miscellaneous"},"Miscellaneous"),Object(r.b)("h3",{id:"anki"},"Anki"),Object(r.b)("p",null,Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://docs.ankiweb.net/"}),"Anki cards")," which help in memorization."),Object(r.b)("h3",{id:"sso"},"SSO"),Object(r.b)("p",null,"SAML (Security Assertion Markup Language) enables Single-Sign On. "),Object(r.b)("p",null,"You can write content using ",Object(r.b)("a",Object(n.a)({parentName:"p"},{href:"https://github.github.com/gfm/"}),"GitHub-flavored Markdown syntax"),"."))}p.isMDXComponent=!0},176:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),c=a.n(n);function r(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function i(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function b(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?i(Object(a),!0).forEach((function(t){r(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):i(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function o(e,t){if(null==e)return{};var a,n,c=function(e,t){if(null==e)return{};var a,n,c={},r=Object.keys(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||(c[a]=e[a]);return c}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)a=r[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(c[a]=e[a])}return c}var s=c.a.createContext({}),p=function(e){var t=c.a.useContext(s),a=t;return e&&(a="function"==typeof e?e(t):b({},t,{},e)),a},l=function(e){var t=p(e.components);return c.a.createElement(s.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return c.a.createElement(c.a.Fragment,{},t)}},h=Object(n.forwardRef)((function(e,t){var a=e.components,n=e.mdxType,r=e.originalType,i=e.parentName,s=o(e,["components","mdxType","originalType","parentName"]),l=p(a),h=n,u=l["".concat(i,".").concat(h)]||l[h]||d[h]||r;return a?c.a.createElement(u,b({ref:t},s,{components:a})):c.a.createElement(u,b({ref:t},s))}));function u(e,t){var a=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var r=a.length,i=new Array(r);i[0]=h;var b={};for(var o in t)hasOwnProperty.call(t,o)&&(b[o]=t[o]);b.originalType=e,b.mdxType="string"==typeof e?e:n,i[1]=b;for(var s=2;s<r;s++)i[s]=a[s];return c.a.createElement.apply(null,i)}return c.a.createElement.apply(null,a)}h.displayName="MDXCreateElement"}}]);