Codeacademy.com: Practice Makes Perfect

Codeacademy.com is a fantastic resource for those new to the world of coding. Be it HTML, CSS, jQuery, Ruby, or Python, this website is catered to those who are willing to take the time and make the effort to learn new digital skills.

badges

My badges

I have previously used this site for another course and so have acquired a few badges covering HTML, CSS and some jQuery. To try something new I decided I wanted to tackle PHP (hypertext processor), a programming language which I found to be just as straight-forward as those coding scripts I’ve learned previously. As the entire PHP course was a bit lengthy I decided to base my coding project off my existing coding experience to refresh my skills.


projectCoding project

Above is a screenshot of a working “pick-a-date” or basic calendar option for choosing a flight plan.

Code for project is as follows:

index.html

<!DOCTYPE html>
<html>
<head>
<title>Pick a Date</title>
<link rel=’stylesheet’ type=’text/css’ href=’stylesheet.css’/>
<link rel=’stylesheet’ type=’text/css’ href=’http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css’/&gt;
<script type=’text/javascript’ src=’script.js’></script>
<script src=”//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js”></script>
</head>
<body>
<div id=”header”>
<h2><br/>Select a Destination</h2>
</div>
<div class=”left”>
<p>Departing: <input type=”text” id=”departing”></p>
</div>
<div class=”right”>
<p>Returning: <input type=”text” id=”returning”></p>
</div><br/>
<div id=”main”>
<p>Destination: <select id=”dropdown”>
<option value=”newyork”>New York</option>
<option value=”london”>London</option>
<option value=”beijing”>Beijing</option>
<option value=”moscow”>Moscow</option>
</select></p>
<button>Submit</button>
</div>
</body>
</html>

stylesheet.css

h2 {
font-family: Verdana, Arial, sans-serif;
text-align: center;
color: #FFFFFF;
}

#header {
width: 100%;
height: 70px;
position: relative;
top: -40px;
background-color: #7FC7AF;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

p {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}

.left {
position: relative;
top: -40px;
float: left;
}

.right {
position: relative;
top: -40px;
float: right;
}

#main {
position: relative;
top: 170px;
float: left;
}

script.js

$(document).ready(function() {
$(“#departing”).datepicker();
$(“#returning”).datepicker();
$(“button”).click(function() {
var selected = $(“#dropdown option:selected”).text();
var departing = $(“#departing”).val();
var returning = $(“#returning”).val();
if (departing === “” || returning === “”) {
alert(“Please select departing and returning dates.”);
} else {
confirm(“Would you like to go to ” + selected + ” on ” + departing + ” and return on ” + returning + “?”);
}
});
});

Curating for the Curious

Image

Its hard to stay on top of things with the way technology has evolved ever so rapidly these last 10 years. Wikipedia and other similar online encyclopedias are there to provide the casual browser with a summarized overview on their topic of choice, but where do you turn to when you want more than a compounded view? How do you stay updated with the latest worldwide trends and events?

Enter social bookmarking and RSS feeds! These digital tools were developed to help online users discover, organize, and edit the availability of internet content to suit their information consumption needs. RSS is a great tool for content creators to adopt as it definitely boosts their chance of acquiring new readers. Feed readers also have the option to curate which content is visible to them as a stream is updated.

This post’s featured screenshot is of the RSS feed reader, The Old Reader. Its simple and easy-to-navigate layout makes browsing your favourite feeds an absolute breeze. My need for the latest and greatest typographic design updates will continue to be met thanks to this handy reader. All my most frequented blog streams are well organized and available on one platform; no more Googling for new posts!

Minding your Digital Manners

Letters can be burned and texts can be erased, but post something online and it will stay there forever. A scary thought and very real reality in today’s digital age.

Don’t get me wrong, I think social media is one the most fantastic accomplishments of the 21st century. Never before have people all around the world been this connected to each other. Twitter, Facebook and YouTube are just some of the online platforms digital users employ to share and exchange content, generate discussion and drive global interaction. However, with great opportunity comes an even greater responsibility, and not everyone can handle this double-edged sword.

Enter “netiquette” or digital etiquette; essentially a set of unofficial guidelines that are followed by internet communities, dealing with what is acceptable behaviour online. Learning basic netiquette is a definite must for any new social network user. It is near impossible to express oneself the same way in person as one can behind a screen.

Netiquette 101:

  1. Let some things remain a mystery. This includes any and all personal and financial information. Be wary with how much personal content you share with others because its always more than just your friends who are privy to those postings. Third-party marketers have been known to pay social media platforms for access to your info for better targeting specific demographics.
  2. Stop, think, read over… and then post. Often times, its not a good idea to simply post on a whim. One must consider the weight and effect a comment will have on your readers. As an example, sarcasm and some humour do not translate well through mere text. Think carefully about what you are sharing and be prepared for backlash should the material spark some discontent.
  3. Over-sharing can be a burden. Try not to flood your others’ feeds. People tend not to enjoy reading about every minute detail of your day. Not to mention, it will definitely lose you followers or at least annoy your more forgiving ones.
  4. Be open to debate. If someone asks for an opinion, its best not to shove your views/ideas down their throat. Generating creative and thoughtful communication with your social peers should be one’s ultimate goal when joining a discussion. Take the opportunity to both educate and learn from constructive dialogue.

As a student in today’s tech savy society, rarely a day goes by that I am not in some way connected to social media. Perhaps unbeknownst to many, is the fact we are actively relying more and more on social media to get us through the day. Perhaps this new reality isn’t too wonderful either as echoed in this Zen Pencils cartoon rendition of a Marc Maron podcast.