Friday, April 17, 2015

Tags and Tags... Day -009

http://blog.formstack.com/wp-content/uploads/2010/06/html-css.png 

Day 009 is a hefty day with lot more tasks than a general day. Bunch of things were covered today and also got the taste of workload. A challenge was thrown up by the mentor and was accepted respectfully. Nothing can slow us down :p . Mastered quite a few elements and new stuffs today and I am here to share.Here we go then

1.External Style Sheets: You wan't to change the look of an entire website by changing just one file?With an external style sheet you can do it with ease.There are 3 attributes to look out for  i.rel ii.type and iii.href. The <LINK> tag is placed in the document HEAD. The optional TYPE attribute is used to specify a media type text/css for a Cascading Style Sheet allowing browsers to ignore style sheet types that they do not support.

2.Overriding Styles: Basically it means if there is a certain style in the main style sheet that you don’t want and you want to override it.

3.Absolute, relative and fixed positioning: With absolute positioning, an element can be placed anywhere on a page.
relative:The elements position is relative to its normal.So, if you put 20px from the "top" then it move 20px from where the element is not from the top of the webpage.
Fixed position is the least used element in HTML.It is fixed to the browser window and even if you scroll down the element will still be visible.

Things that were also covered includes
 
4.Setting the Max width and height
5.Introductions to forms,How to create forms
6.Creating check boxes and radio button
7.Drop down lists
8.Text areas
9.Password and upload buttons
10.Submitting forms

After all the hard works it is of no use if you can't make it available globally, right? No one is going to access your pc and see your works! So for that you need to publish your site.  And you will need a bit help from google to find a web host! Purchase a domain and upload your html files through FTP and boom!!! your very first website (if you haven't make any)


That was pretty much all from HTML and CSS. But practicing should be continued in order to be a pro in HTML and CSS. 
Till then stay healthy sweets.

Wednesday, April 15, 2015

More styling... Day -009

 I had literally no idea why my friend suggested me to write a blog. As the days are surpassing I am turning into a better writer (not really) also as a faster typist, not blazing fast but notable indeed. And when you are going to deal with codes you will need faster fingers. Thanks to my friend for the sublime suggestion. :)
 
Hello sweets, tardy hello but let's move on quick!

 Standing on the 9th day I would say things are getting tougher and more challenging. No fun without challenging stuffs, right? Farewell; if your answer is no. So, what was so challenging on day 9? What are the things that were assimilated? Let's dive in...Things that I have covered includes

 1.Styling using classes.
2.ID's
3.Child Selectors.
4.Pseudo Elements.
5.Few new "Table" elements tags.

1.Styling Using Classes

What if you want to have a section of text with a red font and another with a green font, but do not want to use up all the tags you have for a section of text? Well, using a class allows you to change the style of something without using tags multiple times.Example of a "Class" 

http://www.referencedesigner.com/tutorials/css/images/css_class.png

**Note: Never use parenthesis "." in html!

2.ID's
 The id uses the id attribute of an HTML element to select a specific element.The id must be unique else duplicate ID tags will cause your page to fail validation. In CSS you have to use hashtag (#) to specify an ID.For ex
CSS:

<style type="text/css">
 #blueberry {
                     border: 2px solid blue;}
</style> 

HTML:

<div id="blueberry"> Blueberry Juice is my favorite juice </div>


Note: Never use hashtags in HTML

3.Child Selectors: 

Child selector means relating parent and child.Not father-son relationship lol! Well, in technical terms (in HTML) relationship between one element and another element is called child selectors.For example. <head> is an element and <style> element is written in <head> element so, element <head> is the parent of <style> hence <style> is the child. And with the help of child selectors we can stylize all the information under an element.For example 

<style type="text/css">

p > a {
          color:red;
          font-size:20px; }

</style>

">" sign actually refers to relationships.Here we want to style child "a" (links) from the the parent "p" tag

4.Pseudo elements:

A pseudo-element is used to style specified parts of an element.For example a letter of a word/paragraph.
<style type="text/css">
p:first-letter {
                     font-weight:bold;
                     font-size:30px;
                     color:blue; }
</style>

All the first letter of paragraphs will be changed!

5.Few new table tags: The new tags that I have learned today includes

"Rowspan": It spans the rows works like colspan but this time ROWS.
"thead" :The heading of the table rests on thead
"tbody" : The body of the table sits on tbody and
"tfoot": Footer sits on tfoot. 

As simple as they sounds.
So, that was all for today. Tomorrow we will meet again. And hell yeah keep practicing!!!


Monday, April 13, 2015

Playing with CSS Day -008

The previous day I gave words to come back the next day with more interesting things. So, here we go. Well, what CSS can do to beautify a webpage/site? The answer is simple "what can't?" Today I have learned to give some life in tables, unordered list as well as styling more than one elements and DIV,SPAN tags. Lets commence with tables...

So, what are the common table elements?


http://www.w3.org/wiki/images/8/80/StylingB.gif 

In CSS you can play with table elements and customize it like anyway you desire to!Simply in Style element and inside the curly brackets { } you can change the background color,font-weight,tr/td color and lot more.For example

td {
     border: 2px solid red;
     }

Beautifying the unordered list is quite amusing. Always the same bullet is boredom huh? We can add custom designs,images instead of bullets by simply coding in CSS.For example:

ui {
list-style-type:square;
}


 CSS allows you to put the same styles on many different elements without repeating the styles in your style sheet. This means that your style sheet will be smaller and load faster.You can separate multiple elements in the style property by commas.Foe example:

p, h2 { color: blue; }

Span represents an inline portion of a document, for example words within a sentence.A <span> element used to color a part of a text.And on the contrary <div> element is similar.But it has significant differences.The <div> tag defines a division or a section in an HTML document.Also represents a block-level portion of a document such as a few paragraphs, or an image with its caption.

Adding up more I have assimilated the <img> element!There are quite a few thing to look out for in img element.Such as "alt" "src" "title".And the things to look out for is <figure> and <figcaption>
A <figure> element is used to mark up a photo in a document and the <figcaption> tag defines a caption for a <figure> element.

So,that was all for today.
Signing out,

Sunday, April 12, 2015

A week of joyride.. Day 007

Achievement Unlocked-A week of computer science!Like the previous day I  ain't going to recall the studied topics and write the same things.Now I would like to share my experience gained throughout the week.First of all let me be on track, what did we cover so far?

http://sd.keepcalm-o-matic.co.uk/i/keep-calm-and-write-code-11.png

1.HTML
2.Elements of HTML
3.Tags of HTML
4.HTML Attributes
5.CSS

Despite of these things I have learned quite a few lessons.Lesson's that will make one productive and ensure success.Well, learning is a waste if you don't utilize it.If you are unable to implement the rules how are you gonna solve the problems? So, whatever I have learned must be implemented in order to success.First of all, we keep shouting that we don't have ample time to complete our daily tasks on time.This is wrong! Same thing happened to me and then a friend of mine asked me to  do "time logging".
Time logging means noting down whatever you do in a day in order to find how much time you have wasted doing unnecessary things.
On the contrary you have to stay productive all the day because "An idle brain is devils workshop"- we all know that huh? But how many of us really know that?How many of us wants to keep himself busy all day long? Answer is quite disappointing! And I have stated earlier what changed my life... "Hard work beats talent".. And by working hard any body can learn anything.And Computer Science needs no background but passion.Computer science requires no school but determination to learn.
It was my passion and determination that led me here.And if I want to become a successful programmer I have to carry on my dream.It's not just carrying on but taking things into the next level!

The first week was awesome.And I tend to come up with something newer,something finer, something more enchanting! Promise is that!

Friday, April 10, 2015

Going back...Day -006

We may stumble and fall but shall rise again.And at the 5th day of the quest I stumbled! The very next day I am up again with more hopes;a whole new robust me.After a devastating exam stepping back to Day01 and Day02 to secure the upcoming days.What is learned must be learned perfectly else it is of no use!So,for the pinch perfection let's recall the day 01 and day 02.What did we learn in Day 001?


1.What HTML is.

2.HTML elements
  • Head,Body,Paragraph,Title,Page Break etc
3.HTML tags
  • Tags are two types: Opening and Closing.

4.HTML attributes
  • Attributes are two types: name and value

Day -002 


Day 2 was the game changer! The most productive day so far.And that day I have learned most of the things I know till today.CSS is the mother of customization in webpages.HTML uses "< >" brackets for coding whereas in CSS (head part of the html) we use "{ }" brackets. A CSS statement consists of a property and value closed in "{ }" while you mustn't forget to put semi-colon after the value.For example:
http://yourshoesuntied.com/wp-content/uploads/2012/02/css_basic.png 

I covered quite a few things from the previously done works.
 
1.Table is one important element in HTML and through CSS we can customize the design of the table.A table is a set of tr,td,th elements.
2.Link is the most challenging thing so far.Its is written in a <a> </a> tag.And the attribute (name) must be "href".
3.Cellpadding,Cellspacing,colspan: With the help of this 3 you can adjust the space and customize your table in great ways,take a look what I did



At last but not the least no matter what happens keep up the good works!
Tomorrow we will meet with new good works.

Signed Out


Wednesday, April 8, 2015

Delicate CSS #Day-004

CSS...We all know a bit of CSS I mean what is it,why it is used..right?But how many of us know what CSS stands for? Cascading Style Sheet it is! No idea why it is named like that. Anyway, now I can sense how much stylish web developers are.They have to work a lot with the style sheet;literally a lot! As well as learn different codes to make the web page enchanting. From the "lots of codes" I have learned some today.That includes

1.Padding
2.Border
3.Margin
4. Width and height
5.Style with links

At the end of the day I would state that


http://www.davidarno.org/wp-content/uploads/2009/08/cssisawesome.png 

1.Padding:

The CSS padding properties define the space between the element border and the element content.

2.Margin

The CSS margin properties define the space around elements.Every elements i.e Margin,Border etc

3.Border

So as it sounds, its the area around the content and padding.This might give you the clear image


http://www.w3schools.com/css/box-model.gif


4.Width and Height: By default our browser sets the height and width of the element.Then whats the word "customization" for? In CSS you can adjust the height and width with freedom.

5.Style with links: CSS is just style! Links would look tedious if they were posted in webpages as they are. You need style to make it imposing right? CSS properties like a:link,a:hover, a:visited etc make the links more appealing.

Let's not forget HTML.Practiced a little bit of HTML today.Learned how list element is used in HTML and how to create a link within a page. Things are no more easier like before but more interesting than ever before!
So,I am signing off for today.Till than keep calm and code/learn/work/etc (choose your word)

Monday, April 6, 2015

Introducing Networking! - Computer Science Day 003

The Day 3 began with Computer Networking.Well, A computer Networking is a group of computer systems and other computing devices interconnected through communication channels.Why interconnected? Yes,the answer is simple to share data.Computer Network is used to facilitate communication and resource-sharing among a wide range of users. 



http://pccomprepairinc.com/wp-content/uploads/2012/11/142310004.jpg 

Now,how computer network works.As stated earlier computer network is a bunch of computer systems or devices.The devices that pass,share,terminate and  route the data are called NODES.Well, basically NODES are any devices that are attached to a network.Nodes can include hosts such as personal computers, phones, servers as well as networking hardware.




http://www.ni.com/cms/images/devzone/tut/vaaqzkgz47925.jpg


 
In computer networking you should know what "HOST" is.A host is a computer device connected to a computer network.Now,it sound like NODES right?So,let me clear the confusion A host is a computing device that controls or manages other NODES.Yes,A host is a single machine that is connected to internet and other nodes or devices can get information via  HOST.


 http://www.armored-computing.com/images/nftape_diagram.png

TYPES OF NETWORKS:


There are several types of computer networks.Computer networks can be characterized by their size as well as their purposes.

Some different networks in terms of size

1.LAN or Local Area Network:

A local area network consists of a computer networks at a single site.A LAN interconnects computers or nodes within a small area.Most mid to large-sized businesses today use LANs, which makes it easy for employees to share information.

2.WAN or Wide Area Network:

As the name suggests Wide Area Network or WAN covers a wide are.A WAN spans a large physical distance. The Internet is the largest WAN, spanning the Earth. (i.e., any telecommunications network that links across metropolitan, regional, national or international boundaries)

3.MAN or Metropolitan Area Network:

MAN is a computer network that connects users with computer resources within a geographic area. WAN>MAN>LAN MAN is wider than LAN in range but smaller than WAN.

4.PAN or Personal Area Network:

PAN is a computer network organized around an individual person. Personal area networks typically involve a mobile computer, a cell phone and any other computer devices.

So,the first of the networking was sweet.Hope I will come up with some new topics next day.
Chill.

 

 


Sunday, April 5, 2015

Hard Working Day 1, Studying Computer Science Day 002

Life is not a bed of roses but trust me you can enjoy the prickly roses too. When I stepped out of home yesterday I found whole new different me. I am enjoying every bit of my unabridged new journey...a journey that will invigorate my life. There is no alternative of hardworking hence I am trying my level best to give my best. The very 2nd day of HTML was quite a challenge. A challenge that taught me lessons.

What I have learned

  1. HTML and CSS
  2. Hard Working is not a child's play.
  3. Time management is must in order to succeed.
  4. Laziness is a disease

1.HTML and CSS: From HTML and CSS I have learned a whole bunch of new elements.And CSS is just more fun.Basically CSS deals with the look and formatting of a document written in the markup language.




http://greeneggmedia.com/images/uploads/blog/html-css.jpg


Have learned about white space collapsing,Subscript,superscript,abbreviation.etc.The toughest task was dealing with links as in "href" attribute.And on the contrary table codes were challenging too. "Colspan" "td" "tr" were quite a fun. The most interesting part was when I found CSS works with { } brackets. And how important CSS is for customization.Changing the background,resizing the background all can be done with CSS. So,still practicing the codes. Eager to learn more...

2.Hardworking is not a child's play: Well,hardworking is hard,really hard.If one wants to success in life he must have to come out of the comfort zone.' Well,we all know that but how many of us actually does that?

3.Time management: I found it the most important thing in order to succeed. Because I have submitted the work at the 11th hour!I didn't rush though :p . Some people are still gonna say they don't have ample time to finish tasks. But if they do time logging their mouth would be zipped!We waste our time a lot hence we fail. But failure is the pillar of success,right? Nope it isn't unless you learn from your failure.

4.Laziness is a disease: Be productive!!!I just keep saying this word myself all the time.Because laziness is the reason of demolition!Self destruction you can say!I have this disease, curing it... :D

Just the 2nd day...More to come,I promise to get better.Till then work hard..Well....always work hard!

Saturday, April 4, 2015

Studying Computer Science Day- 001 HTML

Hello,
Learning was never been so fun. Yes, I Rafiz Salehin Sejim being a BBA student is enjoying studying Computer Science.If you have the passion to do something,if you have the courage to fulfill your dreams no barriers shall break you.I was pretty much passionate on computers; still I am but there were no one to push, no one to guide until Project XIX showed up.It made me optimistic, it showed me the path of light,it helped me to stay buoyant and follow the dream. And today project XIX has dragged me here in search for a better tomorrow...

And it all started with HTML...

Hypertext markup language or HTML contains markup tags that tell the Web browser or other devices how to display the file.There are few things in HTML that I have learned today

1.HTML elements: are basically the codes that lives inside "< >" without the quotation marks.
2.Tags: are like receptacles and are of two types

          i)Opening tags
          ii)Closing tags

It refers to the information that lies in between the opening tags and the closing tags

3.Attributes: lies on the opening tag of the element and are of two types
       i)names
       ii)values (must be quoted)
It is used to provide supplementary information about the contents of an element.

4.Body,Head,Title: We use these 3 elements in a typical essay.And in HTML they works like the names suggests.But "Head" part cannot be seen in the webpage.It can be seen on the tab.

5.Horizontal line and Page break: Horizontal line can be used by the code <hr /> and the page break can be used by <br /> code.

6.Bold,Italic: I was amazed to see that in HTML bold is written by the name "Strong" and Italic by "Emphasis". Does it even make sense? I mean why? Anyway codes for Bold is <strong> </strong> and  for Italic its <em> </em>


Before I wrap up, It is to be believed that "Anybody can learn coding". So, I have formed a strong belief deep inside me.And always follow your dream before time runs up.

The day-001 was a full pack joyride.Looking forward to the next day.