Monday 22 January 2018
CatPhotoApp (FreeCodeCamp Front-End Development Certification)4
Delete HTML Elements
In this task all you have to do is delete your <h1>Hello World</h1> tags from the editor leaving
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor</p>
untouched.
Click on run tests or press Ctrl + enter.
Now moving on to the next task .
Change the Color of Text
In this task we will be changing the color of our h2 element by changing the style we have to add style ="color: red" to your h2 tag like this
<h2 style="color: red">CatPhotoApp</h2>
<p>Kitty ipsum dolor</p>
Click on run tests or press Ctrl + enter.
Now moving on to the next task .
Use CSS Selectors to Style Elements
CSS stands for Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language.
There are alot of css properties you can use to change the way your element looks like taking the style example from above
<h2 style="color: red">CatPhotoApp</h2>
by doing this only this tag is effected, if i write another h2 tag nothing will happen to it until i have styled it too that would make my code too long and a bit messy so we use css instead.
Now for that you need to open <style> element on the top of your code like this
<style>
</style>
with css you can select all h2 tags like this
<style>
h2 {
color: red;
}
</style>
Now the given task is to delete your h2 element style attribute and create a css style element like this also this time the color of text should be blue
<style>
h2 {
color: blue;
}
</style>
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor</p>
Then click on run test(Ctrl+enter)
3 Tasks Completed!
That's it for now
Comment below to ask and questions related to this and I will be sure to answer it
Don't forget to like, tweet, share, subscribe!
Sunday 21 January 2018
CatPhotoApp (FreeCodeCamp Front-End Development Certification)3
Comment out HTML
So this task is pretty simple in this all you have to do is comment out your <h1>Hello World</h1>tags and <p>Hello Paragraph</p>tags
and leave the <h2>CatPhotoApp</h2> tag uncommented
Like this..
<!--
<h1>Hello World</h1>
-->
<h2>CatPhotoApp</h2>
<!--
<p>Hello Paragraph</p>
-->
Click on run tests or press Ctrl + enter.
Now moving on to the next task .
Fill in the Blank with Placeholder Text
<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor</p>
It says that web developers usually use lorem ipsum text as place holder text. The 'lorem ipsum text' is randomly scraped from a famous passage by Cicero of Ancient Rome.
But since we are making a CatPhotoApp lets use something called kitty ipsum text
Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
The task here is simple all you have to do is copy a few words from the paragraph above and paste & replace it between your
<p>Hello Paragraph</p>
Like this<p>Hello Paragraph</p>
<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor</p>
Then click on run test(Ctrl+enter)
2 Tasks Completed!
That's it for now
Comment below to ask and questions related to this and I will be sure to answer it
Don't forget to like, tweet, share, subscribe!
Monday 8 January 2018
Trend of 2018( cuddle)
Cuddling
Cuddling the best thing to do that gives that best feeling to anyone and everyone
it can be done with anyone or anything boy, girl, dog, cat, pillow, blanket
Cuddling is a universal way of showing affection. It doesn’t matter if it is a person, animal, or an object like a teddy bear pillow or blanket, cuddling is definitely the best way to say I care about you, I want to be close to you, and I accept you in my space.
1.Feel-Good Hormone
Oxytocin is a hormone that does everything from making you feel good to helping you feel connected to others. Oxytocin is crucial in the act of cuddling, as you’ll see from its benefits popping up in the list below.
2. Boost the Immune System
The release of oxytocin, this feel-good hormone makes you feel like nothing can hurt you—which is an amazing benefit! It also increases hormones that help fight infection. Basically, you’re boosting your immune system because you’re feeling too good and healthy to get sick.
3. Relieve Pain
Just as it boosts your immune system, cuddling and releasing oxytocin will decrease your pain levels. It’s like whenever your neck hurts, you rub it. Even simple touches like that release enough oxytocin to make you feel better, so imagine the effect cuddling has — a full body contact with another human.
With that said I would you to introduce to my cuddle buddy I can with it whenever I want anger , sad or just lonely my cuddle pillow is always there.
Get your cuddle buddy now Cuddle Buddy
With that said I would you to introduce to my cuddle buddy I can with it whenever I want anger , sad or just lonely my cuddle pillow is always there.
Get your cuddle buddy now Cuddle Buddy
Saturday 6 January 2018
CatPhotoApp (FreeCodeCamp Front-End Development Certification)2
Inform with the Paragraph Element
p elements are preferred elements for normal-size text used in website paragraph.
You can create a p element like <p>hello</p>
see it's simple now in this task all you have to do is go on the next line below your <h2></h2> tags
in the editor write
<p>Hello Paragraph</p> that's it for this task.
Click on run tests or press Ctrl + enter.
Now moving on to the next task ...
Uncomment HTML
Commenting is way for you to leave comments related to your code or anything you like without actually affecting the code itself.
Cool right!?
Now in different programming/markup languages there different ways to comment, but more on that later for now let's talk about HTML
In HTML you can start a comment by <!--
and end a comment by --> .
Now in this task your editor looks like this
<!--
<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Hello Paragraph</p>
-->
All you have to do is remove the comment tags which will look like this
<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Hello Paragraph</p>
Then click on run test(Ctrl+enter)
2 Tasks Completed!
That's it for now
Comment below to ask and questions related to this and I will be sure to answer it
Don't forget to like, tweet, share, subscribe!
Friday 5 January 2018
CatPhotoApp (FreeCodeCamp Front-End Development Certification )1
Headline with the h2 Element
In the next few challenges you will be making a cat photo app using HTML5, CSS and Bootstrap
that will look like this
In the first task you have to give this app a <h2></h2> element tags
This element tells the browser about the structure of your website.
h1 elements are often used for main headings, while h2elements are generally used for subheadings. There are also h3, h4, h5 and h6 elements to indicate different and new sections.
Add an
h2 tag that says "CatPhotoApp" to create a second HTML element below your "Hello World" h1 element.
If you have read my previous post or done the previous task you might remember the <h1>Hello World</h1> tags here without touches the previous code in the editor you just have to write on the next line <h2>CatPhotoApp</h2> like this
Comment below to ask and questions related to this and I will be sure to answer it
Don't forget to like, tweet, share, subscribe!
Wednesday 3 January 2018
FreeCodeCamp Front-End Development Certification
How To Create An Account On FreeCodeCamp
Follow this freecodecamp signup You can easily sign up with your email address and enter a password simple
How freecodecamp works
In freecodecamp you are given an online editor in which you will write the code and a console in which you can run run code and see the result.!
You can connect to fellow camper from a different city or country or find something in your city through their forum, you can pair program with them or with anyone you know.
HTML5 & CSS challenge no.1
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current major version of the HTML standard.
Say Hello to HTML Elements
In this challenge they tell about how html elements look like, for example <h1></h1> is an element of html where <h1> are opening tags and </h1> are closing tag of the element given above
tags.
The Task is Your
h1 element should have the text "Hello World".
In the editor it is written <h1>Hello</h1>
Now we have to write World next to the word Hello in the element like this <h1>Hello World</h1> then click the run test button or press Ctrl + enter
Comment below to ask and questions related to this and I will be sure to answer it
Don't forget to like, tweet, share, subscribe!
Monday 1 January 2018
What to do in 2018?
Thus
begins a new year with the same question again what will I do this
year?
People
have a lot of answers of this question, but what they don’t realize
is that they will be doing the same thing they did last year or the
year before that or even the year before that.
The
same old cycle of thinking of doing something awesome becoming more
intelligent, becoming more beautiful, becoming more successful…but
wait!
Isn’t
that what you wanted in the previous years ?
You
still wish for those so does that mean you didn’t get those thing
before, so about changing the pattern of how you live your life I
mean take a Good Hard Look At Yourself
!
The
best investment you can do for a lifetime is to learn something with
a long term effect and don’t say you don’t have the time to
because if you can have the time to check your Facebook, twitter or Instagram or whatever you use you sure can take some time to learn.
But
hey! What to learn?
Well the answer to that question in my opinion is simple learn a
programming language because as the time is running into the future
those who know programming languages will always profit and just to
be clear I don’t mean go get a degree in computer science or
something , there are a lot of free sources from which you can learn
to program.
Below is one of those free websites which teach you as well as train
you as the programmer end result you get a skill set that will profit
you for the long run and for now as well and you land an awesome
job!
Thus begins a new year with the same question again what will I do this year?
FreeCodeCamp
FreeCodeCamp is an non-profit website for learning how to code they teach you about front-end development , back-end development and more in which you get to learn how to use html5, CSS3, Jquery, JavaScript, bootstrap etc .
You will be given coding challenges to complete and you will get your very own full stack developer certificate
Most
of the time it takes people around six months to a year to complete
just the front-end
developer course
which is of estimated 400 hours according to FreeCodeCamp.
It doesn’t matter if they are a degree holder in computer science or know nothing at all that’s just the average time people take for completing it.
developer course
which is of estimated 400 hours according to FreeCodeCamp.
It doesn’t matter if they are a degree holder in computer science or know nothing at all that’s just the average time people take for completing it.
But me and my twin brother completed the Front-End
Developer course in just 41 days!
Yes
it’s not a typing mistake it is 41 days, during which we were also preparing for our exams and working part-time jobs and no our exams were not relating to programming nor was the jobs yet we Aced in everything.
Developer course in just 41 days!
Yes
it’s not a typing mistake it is 41 days, during which we were also preparing for our exams and working part-time jobs and no our exams were not relating to programming nor was the jobs yet we Aced in everything.
If we
can complete this just 41 days while doing other things then so can You!
In the next few weeks I will teach you what challenges you will be
facing in FreeCodeCamp, what those challenges means and just how to
solve them
Don't forget to like, tweet, share, subscribe!
Don't forget to like, tweet, share, subscribe!
Subscribe to:
Posts
(
Atom
)
