i like art in my latte & designs in my code

hello there, the intern is getting curious now. and finding stuff. urm. yes. well, things have taken a change to.. good. so, my internship is not just focusing on programming. yes yes, mostly it’s coding and other stuff but, also.. also it will involve ui/ux engineering!

exciting times! 😊

past few weeks it was a training program to familiarize ourselves with the company that i’m in and the work ethics practiced. (still haven’t actually gone through the orientation process… yet.. 😜)

and now, we’re getting a little bit into the training process of.. urm, what we’re actually supposed to do. so my supervisor, me and another intern (hello lishni! 😊) who’s going to be involved with ui/ux got talking! there we started to talk about what ui/ux things we follow here.. yes i said things.

first up, it was about jquery. now most of you know what jquery is. no? yay me too.

jquery.com explains jquery as.. “jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

basically, what it tries to achieve here is, do less coding by yourself, use what jquery has to offer and create.. stuff. yes. stuff. jquery is a library of javascripts. it contains a lot of tasks we’ll need in everyday coding usage, we just have to wrap them into methods where we can use them within simple single lines of codes.

to get started with jquery, you can head over toΒ jquery.com/download and get the latest version of jquery.

once you do that, you just have to add the reference to it in your page to get started.

<head>
      <script src="jquery-1.11.3.min.js"></script>
</head>

or you can use the cdn by google or microsoft. (i’d go with google. 😜)

head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>

or

head>
      <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
</head>

nope, not going to start with jquery here now.. oh i found a cool course if you want to follow about jquery. 30 days course, take half an hour of a day and you can pickup everything about jquery in a jiffy (jiffy: noun; a term i will use to sound cool and stuff).

so here’s the tutorial page. this is by code.tutsplus.com. stick with this. i’m following this too. sometimes you’ll feel like this is getting a bit too fast, take a break, do it over. oh and you’ll have to register in that site to continue the course after 2 tutorials.. i think.. yeah two tutorials. no worries. it comes with the best price tag. free!

so.. urm, yeah.. now c’mon, finish reading this first before you head on over there.. no.. stay! have a coffee or something..

next up. meteor!

it sounds cool. and it is cool! meteor is javascript app platform. it’s built on top of node.js for bulding realtime web apps. it keeps your interfaces and the databases in sync. meteor uses javascript on both server and client ends. plus, it also will share code between the environments. also, knowing this framework, you’ll be able to deploy a web app within matter of hours and just knowing javascript only.

to follow up on meteor, i follow this book. “discover meteor by tom coleman and sasha greif”. well, urm, you’ll have to reside to your local library (i don’t think you’ll be able to find this though) or buy it at discovermeteor.com. basic package goes for $29. so go on.. “buy” it. 😜

if you’re using that book, your knowledge on github will also come in handy.

to get meteor, head on over toΒ meteor.com/install and download it. windows users, use the pretty installer and linux users.. hello terminal!

curl https://install.meteor.com/ | sh

once you’re done installing, you can follow the tutorial provided by the meteor site itself, or head on to the book i’ve mentioned and start working on an application. the meteor tutorial works on a simple to-do list app.

urm, something like this?!

urm, something like this?!

oh i started on my application as well. cool thing is, you get to deploy your application to meteor itself and view it there. (here, look, mine is here… look hiran.meteor.com) i know it’s simple but we have to start somewhere right?

so keep exploring on jquery and meteor.

after all this, something even awesome-er happened! my supervisor sent a link to an article. this was about a designer, and his journey towards google’s new material design.

the article was son interesting as it was a transformation of an apple guy’s perspective of the google’s new design work. you can check out the article here: what happens when an apple guy explores material design.

if you have been following google i/o, you’d know what this is about. material deisgn was introduced with android lollipop, and when google revealed the design form factor at google i/o with android l preview, we (i mean me) went bonkers! flatter, cleaner looks.

google calendar material design | source: idownloadblog.com

google calendar material design | source: idownloadblog.com

hello, i’m hiran, an intern. also, in my free time, i do graphic designs. (check my work at the logo patrol on facebook) so needless to say, i was really excited seeing these. i joined medium to check posts and articles about these ui designs. also, dribbble. dribbble is a place where you get inspired. if you’re into graphic design, you have to be on dribbble. you post your work, see others work, network and get inspired!

ah almost forgot, also materialup. this is, the place to get to know what material design concepts, see others work, network… and get inspired!

to get started with material design and add them to your websites, applications, simply head on over toΒ material design light and get the tools. you can also play around with the controllers and see for yourself.

style_color_introductionif you’re already into material design, you’ll like having this material ui color palette with you. this will help you in your designs.

so.. well, i know this post is very generic and not very technical, and i intended it to be as such. will get on to more technical stuff soon. apparently i’ll be getting involved with these, i get happy seeing these designs, networking with these designers. this is just a bit of my inspiration, what i enjoyed. because this is something i want to do, look at the same old things, in a different way. hope you will too.

enjoy your daily doses of material design and other design inspirations, and of course, pour yourself a hot one while you’re at it! cheers! πŸ˜Šβ˜•

Advertisements

spill a bit of coffee?

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s