Document

{"publication":{"id":"62e78bd7430bd1d04a8462f4","posts":{"edges":[{"node":{"id":"63c97c84eba1987178786bd3","title":"HTML Element","slug":"html-element","publishDate":"2023-01-19T17:23:16.294Z","cuid":"cld3d34xy000008i84vw62tu9","url":"https://shubhamaher.hashnode.dev/html-element","subtitle":null,"brief":"Structure\nThis is the basic template or barebone structure of HTML.\nBoilerplate\n\n\n\n \n Document\n\n\n \n\n\n\nCopy\nHeadings\nThere are s...","readTimeInMinutes":3,"views":10,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674148959042/ad0295e7-fab4-4476-b99e-83d75c966cdb.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63c97c84eba1987178786bd3_2023-01-19T17:23:16.294Z","__typename":"PostEdge"},{"node":{"id":"63c433ff12f0415ab46c45ae","title":"CSS Box Model (Padding, Margin, Border)","slug":"css-box-model-padding-margin-border","publishDate":"2023-01-15T17:12:31.836Z","cuid":"clcxmxx0c000308la4r71h7aq","url":"https://shubhamaher.hashnode.dev/css-box-model-padding-margin-border","subtitle":null,"brief":"What Is The Box Model?\nOne incredibly important thing to understand about CSS is that everything is a rectangular box. Everything from text, to buttons, to inputs are represented by a box in CSS. Even if you draw a circle with CSS it will still be re...","readTimeInMinutes":2,"views":4,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673802711996/2f1bc556-9249-4550-a3f7-49e2c7c0f75f.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63c433ff12f0415ab46c45ae_2023-01-15T17:12:31.836Z","__typename":"PostEdge"},{"node":{"id":"63a5c389e2f5336c69de5c7d","title":"Node Js V8","slug":"node-js-v8","publishDate":"2022-12-23T15:04:41.635Z","cuid":"clc0n8xb7000b08jybtwx3wnr","url":"https://shubhamaher.hashnode.dev/node-js-v8","subtitle":null,"brief":"What Is NodeJS?\n\nNodeJS is not a programming language.\n\nThis is a server environment(By this nature of NodeJS, JavaScript is a server-side programming language and we can directly connect to the database).\n\nIt is 90-95% similar to JavaScript but some...","readTimeInMinutes":2,"views":8,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671807850722/a997cfa2-b431-4f7c-bed5-2c97ff365c4a.jpeg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63a5c389e2f5336c69de5c7d_2022-12-23T15:04:41.635Z","__typename":"PostEdge"},{"node":{"id":"639e01c9c934be05a0b5b91e","title":"React useEffect()","slug":"react-useeffect","publishDate":"2022-12-17T17:52:09.521Z","cuid":"clbs8l6b5000008mm3h4ue6i6","url":"https://shubhamaher.hashnode.dev/react-useeffect","subtitle":null,"brief":"The useEffect hook\nuseEffect is a hook meant to be used when you want to perform side effects.\nManually changing the DOM or fetching data are examples of this.\nBy default, this hook runs after each render, which means that every time React sees the n...","readTimeInMinutes":3,"views":12,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671299416095/fHlYLcomc.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"639e01c9c934be05a0b5b91e_2022-12-17T17:52:09.521Z","__typename":"PostEdge"},{"node":{"id":"639c9ed2db05f81e286c08c1","title":"React useState()","slug":"react-usestate","publishDate":"2022-12-16T16:37:38.564Z","cuid":"clbqqhhtw000208mh81yreofc","url":"https://shubhamaher.hashnode.dev/react-usestate","subtitle":"","brief":"What is useState hook?\nuseState is a react hook which is used to add a state variable to our components. It means that we can now declare state variables to functional components.\nSyntax to declare useState hook\nconst [state, setState] = useState('In...","readTimeInMinutes":2,"views":15,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671208616511/MMtaCmsck.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"639c9ed2db05f81e286c08c1_2022-12-16T16:37:38.564Z","__typename":"PostEdge"},{"node":{"id":"638f7040ef6f18ed883dce78","title":"React Props","slug":"react-props","publishDate":"2022-12-06T16:39:28.033Z","cuid":"clbcg5bmo000008jt72k1gsm4","url":"https://shubhamaher.hashnode.dev/react-props","subtitle":"","brief":"What are React Props?\nWe use props in React to pass data from one component to another (from a parent component to a child component). Props are just a shorter way of saying properties. They are useful when you want the flow of data in your app to be...","readTimeInMinutes":2,"views":16,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1670344719966/RkZmsTEw0.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"638f7040ef6f18ed883dce78_2022-12-06T16:39:28.033Z","__typename":"PostEdge"},{"node":{"id":"637366f29829bfaed58feb1f","title":"Intro to React","slug":"intro-to-react","publishDate":"2022-11-15T10:16:18.807Z","cuid":"clai27p12001708mrgt3d96yv","url":"https://shubhamaher.hashnode.dev/intro-to-react","subtitle":"","brief":"What is React?\nIt is a JavaScript library designed to create single-page applications with reusable UI components.\nHow does it work?\nReact stores the information DOM by creating a virtual DOM in its memory. Before it renders the DOM nodes onto the br...","readTimeInMinutes":2,"views":19,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1668507292519/85GmyFCsq.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"637366f29829bfaed58feb1f_2022-11-15T10:16:18.807Z","__typename":"PostEdge"},{"node":{"id":"636d2e9b3011e263f3caffb6","title":"Javascript Prototype","slug":"javascript-prototype","publishDate":"2022-11-10T17:02:19.712Z","cuid":"clabbikow000108jk890q0ho5","url":"https://shubhamaher.hashnode.dev/javascript-prototype","subtitle":null,"brief":"What is a prototype\nAs you already know, every function has a prototype property, which contains an object. When this function is invoked using the new operator, an object is created and this object has a secret link to the prototype object. The secr...","readTimeInMinutes":2,"views":18,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1668099663105/8zd95G0Nu.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"636d2e9b3011e263f3caffb6_2022-11-10T17:02:19.712Z","__typename":"PostEdge"},{"node":{"id":"63620541128307ef1d75e60b","title":"JavaScript Classes","slug":"javascript-classes","publishDate":"2022-11-02T05:50:57.771Z","cuid":"cl9z80dm2000809ldabkzbecg","url":"https://shubhamaher.hashnode.dev/javascript-classes","subtitle":null,"brief":"Class\nJavaScript supports the concept of classes as a syntax for creating objects. Classes specify the shared properties and methods that objects produced from the class will have.\nWhen an object is created based on the class, the new object is refer...","readTimeInMinutes":2,"views":14,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1667368215293/ZrCQiKGqL.jpg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63620541128307ef1d75e60b_2022-11-02T05:50:57.771Z","__typename":"PostEdge"},{"node":{"id":"63614a734d20fb61546fbc43","title":"JavaScript and the DOM","slug":"javascript-and-the-dom","publishDate":"2022-11-01T16:33:55.897Z","cuid":"cl9yfje0p000509l0d9to8wec","url":"https://shubhamaher.hashnode.dev/javascript-and-the-dom","subtitle":null,"brief":"Nodes in DOM tree\nA node in the DOM tree is the intersection of two branches containing data. Nodes can represent HTML elements, text, attributes, etc. The root node is the top-most node of the tree. The illustration shows a representation of a DOM c...","readTimeInMinutes":5,"views":12,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1667320382214/0vyzaJFMk.jpg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63614a734d20fb61546fbc43_2022-11-01T16:33:55.897Z","__typename":"PostEdge"},{"node":{"id":"635e933b2aa5ca057a73ec1a","title":"Javascript Promise","slug":"javascript-promise","publishDate":"2022-10-30T15:07:39.843Z","cuid":"cl9vhkqte000i0al8g51m5zd0","url":"https://shubhamaher.hashnode.dev/javascript-promise","subtitle":null,"brief":"A JavaScript Promise object can be in one of three states: pending, resolved, or rejected.\nWhile the value is not yet available, the Promise stays in the pending state. Afterwards, it transitions to one of the two states: resolved or rejected.\nA reso...","readTimeInMinutes":5,"views":14,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1667142419112/ttKBj7yju.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"635e933b2aa5ca057a73ec1a_2022-10-30T15:07:39.843Z","__typename":"PostEdge"},{"node":{"id":"6352764dbf5da89d325cb434","title":"Call Stack in JavaScript","slug":"call-stack-in-javascript","publishDate":"2022-10-21T10:37:01.822Z","cuid":"cl9icy1ha000509juhf3m50f7","url":"https://shubhamaher.hashnode.dev/call-stack-in-javascript","subtitle":null,"brief":"What is the Call Stack in JavaScript ?\nThe call stack is used by JavaScript to keep track of multiple function calls. It is like a real stack in data structures where data can be pushed and popped and follows the Last In First Out (LIFO) principle. W...","readTimeInMinutes":2,"views":9,"author":{"id":"62e76bd5053e6bd578428d49","username":"Shubham432000","name":"Shubham Aher","profilePicture":"https://lh3.googleusercontent.com/a-/AFdZucotvPwBkU4A5bKpAKEhWKwX0Mcy5USzSn-tqu1ZdA=s96-c","followersCount":1,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666348598147/g6PX01rUJ.jpg","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"6352764dbf5da89d325cb434_2022-10-21T10:37:01.822Z","__typename":"PostEdge"}],"pageInfo":{"hasNextPage":true,"hasPreviousPage":true,"endCursor":"6352764dbf5da89d325cb434_2022-10-21T10:37:01.822Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Publication"}}

扯东扯西

博客复活 - Blog update

不堪的而立之年