{"publication":{"id":"62f30ae3408d676b1b58b5c4","posts":{"edges":[{"node":{"id":"63779fc6e01ec3a5eb627d2c","title":"Day 01: The C Roadmap","slug":"day-01-the-c-roadmap","publishDate":"2022-11-18T15:07:50.152Z","cuid":"clammy5fs000708l73ht5h1ba","url":"https://my-coding-roadmap.hashnode.dev/day-01-the-c-roadmap","subtitle":"","brief":"This series will deal with the C Programming language, its basics and all surrounding topics. My main motive for this course will be to teach the viewers the C Programming language from ground zero. From a student who is just curious to know what a '...","readTimeInMinutes":1,"views":19,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"__typename":"User"},"coverImage":{"url":"","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"63779fc6e01ec3a5eb627d2c_2022-11-18T15:07:50.152Z","__typename":"PostEdge"},{"node":{"id":"6335a3ef2b4d0a969fe60aac","title":"Day 06: Opacity, Shadow and Border Radius in CSS","slug":"day-06-opacity-shadow-and-border-radius-in-css","publishDate":"2022-09-29T13:55:59.321Z","cuid":"cl8n4d5ug000b09ju3glk34n9","url":"https://my-coding-roadmap.hashnode.dev/day-06-opacity-shadow-and-border-radius-in-css","subtitle":"","brief":"So, in this blog, we will be talking about three sperate but specific topics in CSS. For explaining the three different topics, we will be using a simple blue box and a text within it:\n\n\n \n

Opacity, S...","readTimeInMinutes":2,"views":30,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1664459624060/eekgi6V6l.jpg","isPortrait":null,"typename":"PostCoverImage"},"__typename":"Post"},"cursor":"6335a3ef2b4d0a969fe60aac_2022-09-29T13:55:59.321Z","typename":"PostEdge"},{"node":{"id":"632d1e8f318ff0fa183386df","title":"Day 05: Position in CSS","slug":"day-05-position-in-css","publishDate":"2022-09-23T02:48:47.291Z","cuid":"cl8dvw0y603v7wpnvg2emehto","url":"https://my-coding-roadmap.hashnode.dev/day-05-position-in-css","subtitle":"","brief":"CSS Position allows us to position an object relative to a cell, HTML page or even the displaying we are viewing on. There are four types of positioning in CSS, namely static, relative, absolute and fixed. Let me show you step by step what all these ...","readTimeInMinutes":3,"views":34,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663901141293/8z0bexuhf.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"632d1e8f318ff0fa183386df_2022-09-23T02:48:47.291Z","typename":"PostEdge"},{"node":{"id":"632bc87f3ed9c2edf434d0e3","title":"Day 04: Float and Display in CSS","slug":"day-04-float-and-display-in-css","publishDate":"2022-09-22T02:29:19.909Z","cuid":"cl8cfr5kc00aiidnvh58cde0m","url":"https://my-coding-roadmap.hashnode.dev/day-04-float-and-display-in-css","subtitle":"","brief":"Float\nFloat will make the items in the container behave as if they were floating elements. This means that, txt can be wrapped around it. Have a look at the example below:\n\n\n \n
\n
This is a header.
\n...","readTimeInMinutes":2,"views":6,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663813659637/MGHIpwuF_.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"632bc87f3ed9c2edf434d0e3_2022-09-22T02:29:19.909Z","typename":"PostEdge"},{"node":{"id":"6329f9186a4eb7c8309268a0","title":"Day 03: Padding and Margin in CSS","slug":"day-03-padding-and-margin-in-css","publishDate":"2022-09-20T17:32:08.138Z","cuid":"cl8ah4gne000s09jph9olgsvt","url":"https://my-coding-roadmap.hashnode.dev/day-03-padding-and-margin-in-css","subtitle":null,"brief":"Padding and margins are two basic visual elements that we will be using quite often in our design but in order to understand what they really are, it is really simple if we go by and example.\n```\n\n \n \n This is a header.\n ...","readTimeInMinutes":2,"views":7,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663695028408/3fjw_oNnZ.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"6329f9186a4eb7c8309268a0_2022-09-20T17:32:08.138Z","typename":"PostEdge"},{"node":{"id":"6329e608eb3f05573f1d117b","title":"Day 02: Basic inline styling in CSS","slug":"day-02-basic-inline-styling-in-css","publishDate":"2022-09-20T16:10:48.194Z","cuid":"cl8ae7v9e000e09ld1gho1vl1","url":"https://my-coding-roadmap.hashnode.dev/day-02-basic-inline-styling-in-css","subtitle":null,"brief":"As written in my previous post, styling can be done in HTML files too. Here we will discuss a few of them. \nThe style attribute is used to provide a styling to a certain HTML section. Now, styling will be applied to the tags in which it is defined an...","readTimeInMinutes":3,"views":22,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663689961751/WM6ZtX1Yb.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"6329e608eb3f05573f1d117b_2022-09-20T16:10:48.194Z","typename":"PostEdge"},{"node":{"id":"6329b9e9bb2ad789fd6a54e8","title":"Day 01: Introduction to CSS","slug":"day-01-introduction-to-css","publishDate":"2022-09-20T13:02:33.317Z","cuid":"cl8a7hs2t000209l43dcx08ve","url":"https://my-coding-roadmap.hashnode.dev/day-01-introduction-to-css","subtitle":"","brief":"Cascading Style Sheets or CSS is the design element of any webpage. Just as HTML makes up all the writings in a webpage, CSS makes up all the stylings in a webpage. Styling can also be done in HTML but CSS is way more efficient.\nHop in with me for th...","readTimeInMinutes":1,"views":16,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663685273317/mNhJ-07A4.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"6329b9e9bb2ad789fd6a54e8_2022-09-20T13:02:33.317Z","typename":"PostEdge"},{"node":{"id":"6329580199624fc71cd5358b","title":"Dat 11: Inputs and Forms in HTML","slug":"dat-11-inputs-and-forms-in-html","publishDate":"2022-09-20T06:04:49.999Z","cuid":"cl89sklwt04vdu5nv8tqc7p34","url":"https://my-coding-roadmap.hashnode.dev/dat-11-inputs-and-forms-in-html","subtitle":"","brief":"This post will be a little different from the rest as this will be just for the sake of creating an input field. The basic mechanism of storing data from the textbox depends upon Javascripts but that is not our concern right now. If you have gone thr...","readTimeInMinutes":2,"views":16,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663675302252/LjUmnho7I.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"6329580199624fc71cd5358b_2022-09-20T06:04:49.999Z","typename":"PostEdge"},{"node":{"id":"63292dcc195e7dc741da6b53","title":"Day 10: Divs and Spans in HTML","slug":"day-10-divs-and-spans-in-html","publishDate":"2022-09-20T03:04:44.820Z","cuid":"cl89m4zt004dzv6nvfcf93203","url":"https://my-coding-roadmap.hashnode.dev/day-10-divs-and-spans-in-html","subtitle":"","brief":"Before we go into what divs and spans really are, let us understand what In-line Elements and Block Elements are in HTML.\nTake a look at the following example:\n\n\n \n \n ...","readTimeInMinutes":2,"views":7,"author":{"id":"62f30ab5408d676b1b58b5bc","username":"coder2022","name":"Manjit Baishya","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660095159310/AmVbG8pUM.jpeg","followersCount":9,"typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663642987819/UsLENdjx_.jpg","isPortrait":null,"typename":"PostCoverImage"},"typename":"Post"},"cursor":"63292dcc195e7dc741da6b53_2022-09-20T03:04:44.820Z","__typename":"PostEdge"},{"node":{"id":"632926eb195e7dc741da6ac8","title":"Day 09: Tables in HTML","slug":"day-09-tables-in-html","publishDate":"2022-09-20T02:35:23.385Z","cuid":"cl89l38oy04bbv6nvdik770dx","url":"https://my-coding-roadmap.hashnode.dev/day-09-tables-in-html","subtitle":"","brief":"Just like we created lists in HTML, we can also create tables. Let us go forward straight with an example. That will be a lot faster.\n<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n <head>\n <meta charset=\"utf-8\">\n <title>\n \n