Forem: Xalman khalid

Day 4 & 5

Xalman khalid — Wed, 08 Apr 2020 15:22:16 +0000

Hey Dev Readers its day 4 & 5 yeah I took Break Because of my Office Project's
and due to covid19 anyway learn so much Things in HTML $ CSS Even I start Challenges On FreeCodeCamp its very Cool Site I re polish many things like elements,inline and inline block and the challenges was pretty cool with css i learn many thing in basic css freecodecamp has good curriculum In Responsive web design certification Its 300 Hour's Base Certificate which provide BY FreecodeCamp in just $0 yeah its free It Has 7 Section with multiple challenges
the best this that you can learn more about css in this certification like
CSS Grid
CSS Flexbox
visual desgin and Applied accessibility.
In the end of this course you have 5 Responsive Design Projects.
In Basic CSS You will Learn About css selector's and Elements you will learn about Margin,Padding,Colors,Backgroun Properties also in the End you will make penguin after Basic CSS you will learn Visual Design and this Section has very fun things Like you will learn css Animation, transformation, Keyframe, variabels ,Element Movement And Direction also in the challenges you will make fun things like Heart and other animations.FallBack Values and Custom variables are very useful when you will work on front end. TO Became a Good Front End Developer We Have to think for visual Desgins as will as with animation For Now this was My Day 4 & 5 today i will Start my Next Section Applied Accessibility i Hope You Guy's are Safe In Lock-down Situation Saty Home Stay Safe

Day 3 in web development

Xalman khalid — Sat, 21 Mar 2020 19:48:32 +0000

Welcome on Day 3 first today I was very confuse or maybe i had very negative vibe i was't understand the simple anchor tags for multiple pages i had very low energy but after spending some time i get fresh my self and miss my friend Naqi Ahmed he has vary high and positive energy when every i meat him he charge me up than i sat back on my work Space and start learning anchor tags for multiple pages and it's very simple also i learn about link tag for external style sheet which is reduce the ability to use CSS in a page with a single line of code further i learn about CSS selector with section and div tags which need to understand very clearly for front-end developer in html Class are very important instead of id you can use id but where you have to need with class i learn about display-flex,margin,padding which make my pages more nice.css pseudo classes are also helpful i did't use much pseudo class target like in parent class you have many child if you want to change your first-child Background-color and else remain same you can just write like this

li:first-child {background-color:red;}

this is awesome i'm trying out to write more and learn more about web development.

Day 2 in Web Development

Xalman khalid — Fri, 20 Mar 2020 19:32:47 +0000

Today i start learning about basic css and this is very cool from previews day.i learn about selectors(targeting as well),properties and values in One selector we can use multiple properties and values like background color's, colors, font-family,border and boarder radius.
css is very help full for making web page's look cool and attractive. Also i learn about semantic tags in html these tags are also like div tags these tags
tells google bots that the content within the tag is the most significant header contained in the HTML
header, nav, section, footeretc..
with these tags i learn to make skeleton of a web page i use display-inline and inline-block with make
div tags in one row further i saw difference about margin and padding in div tags we have default margin and
padding, last thing which little but hard for me to understand about display:inline-block and dislpay:flex;
i will R & N in upcoming days

<Header>
    <nav>
      <ul>
        <li>Home</li>
        <li>Location</li>
        <li>Contact</li>
       </ul>
     </nav>
        <h1>Title</h1>
</Header>
     <section>
       <div>a</div>
       <div>b</div>
       <div>c</div>
     </section>   
        <section>triple-section</section>
        <footer>Footer</footer>

body {
    background: rgb(58 ,58,58);
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
header {
    background: black;
    padding: 20px;

}
section {
    background:  white;
    color: gray;
    padding: 20px;
    display: flex;
    flex-direction: row;
}
div {
    background: red;
    margin: auto;
    width: 100px;

}
ul {
    margin: 0;
    padding: 0;
    list-style: none;

}
li {
    display: inline-block;
    margin-right: 20px;
}
footer {
    background: black;
    padding: 10px 20px;
}

https://dev-to-uploads.s3.amazonaws.com/i/oahqgdoz7dqtg7wog8ft.PNG

Day 1 On Web Development

Xalman khalid — Thu, 19 Mar 2020 19:53:38 +0000

Hy this is my Day 1 on web development i start with basic html and recall some basic tags and and learn about H1 H2 tags like with H1 is used for telling Google if you want to rank your page and H2 is section subtitle so any content block with in your page will be H2 further i learn about ul and li tags these tags are pretty cool for me i love these tags