This post was inspired by Patrick Jones’ extensive review of TeaLeaf Academy which details Patrick’s journey of learning Ruby on Rails. If you are interested in learning about Rails, I encourage you to check out his post.

I was fortunate to have been awarded a full scholarship at Bloc through their Veterans Program which awarded about a dozen full scholarships in 2014. If you are a military veteran, I strongly encourage you to apply for this. There are several coding bootcamps that offer partial scholarships to veterans, but Bloc is one of the few that generously offers full scholarships (update: currently Bloc is offering partial veteran scholarships).

I was previously enrolled in the HTML5, CSS3 & Responsive Design for Web Development program at University of Washington but I switched to Bloc when I was awarded the scholarship. The University of Washington offers some terrific web development certificate programs including JavaScript, Ruby, Android, and iOS. You can take the programs online and the price for each 9-month certificate program is about $3,000.

It has been my goal for about a year to become a front-end web developer and I am excited to be moving toward that goal. While it is possible to learn on your own, I think that having a mentor and focused curriculum can accelerate the learning process.

Pre-Work Week 1
The pre-work consists of the HTML/CSS course and the Javascript course of Codecademy.com.

The JavaScript course with Codecademy can be challenging if you are new to the language. A lot of the obstacles result from problems with syntax. However the hints and Q&A forum help you get unstuck very quickly. I’m starting to get comfortable with the JavaScript syntax including the different types of loops (for, do while, if/else). Understanding objects is one of the more challenging concepts to grasp for me. Codecademy is a great place to start for anyone learning to code because you are getting hands on practice and having to work through problems instead of just passively consuming information.

Week 1
Once the program starts you get access to the “roadmap” which consists of short tutorials to work through (called “checkpoints”). The first couple checkpoints have taken me about 30-60 minutes each and focus on a specific topic like the command line, the development environment, or Github.

I had my first mentor meeting where I had a chance to ask any questions that I had about my mentor and about the web development field. I learned that developers need a continuous learning mindset because a popular framework today may be irrelevant in a couple years. There is demand for junior developers despite the widespread growth of bootcamps and in particular it is difficult to find good JavaScript developers. The students who have been successful in this program tend to be individuals that go far beyond the minimum requirements and seek out additional learning opportunities.

In addition to Bloc, I’m using other online tools to learn more about JavaScript and CSS such as Treehouse, Lynda, and Code School. I like Treehouse and Code School because they are very interactive and you can practice writing code. Lynda is less interactive but they have a great Android app so the videos are really easy to access whenever you have spare time. I’m also reading Modern JavaScript by Larry Ulman and Javascript & jQuery by Jon Duckett which are both excellent. I’ve also heard great things about JavaScript the Good Parts by Douglas Crockford (h/t Starthere.fm).

This is an excellent talk by Mattan Griffel on how to learn to code. In it he talks about learning from multiple sources because sometimes one teacher’s explanation may stick better. I have found this approach helpful when learning concepts that I don’t understand right away like objects in JavaScript.

I also received a neat welcome package from the Bloc team with a hand written note, Starbucks card and some Bloc swag.

bloc-welcome-package

Week 2

I’m still working on setting up the development environment including a virtual environment using Vagrant. I also set up a Heroku account and deployed the practice application. I think setting up the development environment can be challenging but I haven’t run into any issues yet. I have some prior experience with Git, Github, and using the command line from the UW HTML and CSS certificate program so that has helped.

I think one of the hard things about learning to code is seeing the light at the end of the tunnel. Sometimes the goal seems so far away but it is a matter of just improving every day. I like what Travis Neilson from DevTips says about not thinking about how long it will take but how long you are willing to be uncomfortable.

I’ve noticed that there is some backlash to coding bootcamps in the web development community as evidenced by this Reddit thread. However the negative view of bootcamp grads is not shared by everyone and reputable code schools seem to have very high employment rates.

Week 3

I’m continuing to learn a lot by going through the tutorials and completing the assignments. I was stuck for a little bit because I cloned a folder of exercise files to my Vagrant virtual machine but the folder was not showing up in my local machine. After talking to my mentor, I took some steps back and realized that I cloned the files to the root directory in the virtual machine instead of /vagrant and that was causing the issue.

This week I read through some tutorials on JavaScript basics like strings and functions. This is mostly review but it was helpful to go through the exercises. I learned about Mocha tests which allow you to test whether the JavaScript code is producing the desired output.

mocha-test

It is great feeling when the Mocha test produces all green checkmarks.

I’ve also been watching a Lynda course titled Introduction to the JavaScript Language which is helping reinforce the fundamental concepts of JavaScript.

Week 4
I’ve been working through practice exercises for arrays, objects, and loops. Now things are getting more difficult and I’ve found myself stuck multiple times. Part of my stumbling around is due to an unfamiliarity with the JavaScript syntax. You have to get the syntax exactly right to work but sometimes you don’t know what exactly right looks like because you haven’t seen it before. Fortunately the struggle is where a lot of growth is taking place and your mentor is always available to help you when you can’t get unstuck on your own.

Sometimes you will feel like this:

Week 5
I’m continuing to work on practice exercises for loops which are challenging because I don’t have a solid grasp of the syntax yet. For example, an exercise may require writing a function where you are given an object argument and you need to transform the object into something else. This requires a lot of trial and error although you can always get help from your mentor if you are completely stuck. It’s almost like playing Smurfs on ColecoVision.

One thing that seems to helps me get some of the JavaScript syntax to stick is to watch tutorials on Treehouse or Lynda about JavaScript and then write down the syntax on paper. I often come across segments of code that I don’t understand so I re-watch the tutorial until it makes sense.

A helpful feature of Bloc is the alumni group on Facebook where you can interact with other Bloc students and alumni and discuss career topics, learn about what graduates are up to, or team up for side projects. This provides a good way to connect with others since the program is online.

bloc-hacker-club

Week 6

I’m moving on to setting up the music player application which is a lot of following the steps of tutorials. This is much easier than JavaScript syntax for me and it is fun seeing my application start to take shape. I have been adding the HTML and CSS to the application and pushing those changes to Github and Heroku. I ran into an issue with getting the server to run on my local machine and my mentor helped me come up with a workaround.

bloc-jams

Learning the terminology of the front-end is a important part of learning front-end development. There are so many tools and frameworks to become familiar with. One thing that may help with learning the terminology is to listen to some front-end development podcasts. I enjoy Shop Talk and How to Hold a Pencil. I also listen to JavaScript Jabber but most of the time I don’t know what they are talking about. Starthere.fm is a good beginner focused web development podcast.

Week 7

I told my mentor that I felt pretty weak at JavaScript so he recommended that I do some more review before moving forward. This week, I have been working in Codecademy to finish the last 20% of the JavaScript course (I completed the first 80% before I started the Bloc program). I also read some JavaScript documentation at MDN (Mozilla Developer Network). I’ve been told that W3Schools is more beginner friendly but MDN is a great resource for learning the ins and outs of JavaScript.

One of my mentor’s recommendations was to contribute to open source projects on Github. So I asked if we could go over doing a pull request. A pull request allows you to submit code changes to a specific Github repository. The owner of the repository can review your pull request, respond to it, and merge the code to the master branch if they want to.

Week 8

I am currently learning a lot of jQuery while putting in the interactive elements of the music player app. jQuery is an extremely popular JavaScript library that allows you to do a lot of common interactive things in the browser with a few short lines of code instead of having to write many more lines of JavaScript.

So far, building the first application has involved following a text tutorial which walks you through each step. This is a good way to get your feet wet and to get an overview of the different aspects and tools of front end web development but you don’t have to solve any problems on your own yet. I know it will get a lot more difficult with subsequent projects.

A recent Bloc front-end graduate, Abdullah Alger, was interviewed by Course Report about his experience with Bloc. It is an excellent interview and Abdullah developed an app for his final project that allows you to record voice notes that are sent to your Evernote account.

Week 9

The JavaScript Jabber podcast had an excellent interview about getting started in web development with one of the instructors at DevMountain. The instructors at DevMountain highly recommend the book A Smarter Way to Learn JavaScript which is a combination of reading and online exercises. The Kindle version is just $6 so it seems like a great resource for learning JavaScript.

Tyler McGinnis from DevMountain described learning to code as struggle, failure, tears which is how I definitely feel sometimes.

This week I learned about selecting elements with jQuery and that it is a good practice to assign the selection to a variable so it is stored in memory. You could also add a method to the selection but it is not as efficient, especially if you need to do something else with jQuery to the same element.

// Update the album title
   var $albumTitle = $('.album-title');
   $albumTitle.text(album.name);

// Same
  $('.album-title').text(album.name);

See the Pen EaGLxp by Charles Sipe (@charlessipe) on CodePen.

I also learned on Stack Overflow that if you mess something up, you can revert to the last git commit with git reset –hard 0d1d7fc32…

git-reset-hard

Week 10

A quarter through the program, I feel like I have come pretty far but still have so much more to learn. There is a lot of information to take in and I’m trying to retain as much as possible. I just started learning about Angular JS which is a front-end JavaScript framework for building interactive web apps. I’ve gathered that it uses the Model View Controller pattern like Ruby on Rails and is intended for CRUD functionality (create, read, update, destroy). It is completely foreign to me so I’m trying to get used to the syntax.

Week 11

I’m continuing to learn more about the Angular JS framework and Bloc is walking me through how to convert the jQuery for the music player app to Angular instead. Angular looks like a great framework that does a lot of things that would normally require a lot of JavaScript, similar to how you can build Ruby on Rails apps without a ton of Ruby knowledge.

There are a ton of Angular resources online for learning about the framework, so I’m excited to become more knowledgable about how to use it. I just stumbled on some free web development video workshops by Microsoft including one on Angular. These workshops are several hours long and they cover a lot of useful information for beginners.

One of the difficult parts about Angular is learning how the parts fit together. For example, how a service relates to a controller. There is also a lot of terminology to become familiar with like dependency injection and two way data binding. A simple way to view dependency injection is passing the object to the function instead of creating the object inside the function. I found the Angular documentation to be very helpful in understanding the terminology.

Week 12

I’m almost finished with adding the functionality to the music player app with Angular.

You can check it out on Heroku at https://whispering-atoll-9327.herokuapp.com/.

This week I attended a Node School meetup in Seattle. Node School is a great open source workshop where mentors help attendees learn about JavaScript and Node.js. Attending meetups is important for building your network, especially when you are enrolled in an exclusively online bootcamp, since a high percentage of job openings are not posted online.

One of the neat things I’ve learned recently are directives in Angular. Directives allow you to extend the functionality of HTML using Angular.

Here is an example of an Angular directive that counts the hover time over an element (JavaScript source Stack Overflow).

myApp.directive('countHoverTime', function() {

  return {
    restrict: "A", 
    link: function(scope, element) {   
      $(element).hover(
        function() {
            $(this).data("hoverStart", (new Date()).getTime());
        }, 
        function() {
            var hoverTime = ((new Date()).getTime() - $(this).data("hoverStart")) / 1000;

            alert("You hovered for " + hoverTime +  " seconds.");
        }
      ); 
    }
  };
});

See the Pen LEKJVb by Charles Sipe (@charlessipe) on CodePen.

I haven’t been stuck very much lately but mostly that is because Bloc’s course material guides you step by step through building the Angular app. Some of the instructions are difficult to understand at first but it makes more sense the second or third time reading through a section. It also helps that I can read the course material on my mobile device whenever I have an opportunity throughout the day.

For me repetition helps me grasp new concepts so I am constantly listening to Angular tutorials on YouTube, Lynda, Microsoft Virtual Academy, or Treehouse to supplement my time studying Bloc’s material. One thing I like about Bloc is that the course material is in text format instead of videos. I personally find text content easier to absorb than video lectures, especially for complex material.

Week 13

I’ve completed the first project, the Rdio-like music player app. You can view it at: https://whispering-atoll-9327.herokuapp.com/. It still needs some polish but it is pretty functional and accomplishes the main requirements like playing songs, changing the volume, and moving to a specific point in the song.

Next, things should get really interesting since I will be working on projects without step-by-step directions.

Week 14

I’m continuing to learn more about Angular and how the different pieces fit together.

A couple resources I’ve found very helpful are Dan Wahlin’s YouTube video on AngularJS Fundamentals In 60-ish Minutes and the tutorial AngularJS for Absolute Beginners.

Gordon Zhu has an excellent YouTube tutorial on how to create a To-do list with Angular in your browser (using JSBin). For some reason it doesn’t work if you link to the latest version of Angular but I got it to work here. It also syncs with Firebase, which is a backend service that makes it easy to store data so you don’t have to code the backend of your application.

todo-list-screenshot

For the next project, I’m working on a to-do list with Angular JS that automatically removes tasks after 7 days.

Week 15

I’m making progress on the destructing task list application.

destructing-task-list

My mentor showed me how to set up the scaffolding of the application using Yeoman, which is a front-end development tool that does a lot of the setup for different types of apps (including AngularJS). I also synched my application with the Firebase backend service so that when I add a task to an array in the controller, it is simultaneously saved in the Firebase database.

firebase

Week 16

I’m continuing to work on the destructing task list application and figuring out how to implement the required features. I haven’t been hitting any major roadblocks recently which is encouraging and I hope it is not a fluke. With each feature I have been writing some code that I think might work and then constantly iterating the code until the output is what I want.

Week 17

One of the required features of the destructing task list is to self-destruct tasks that are more than 7 days old. This has been the trickiest feature to implement because you need to calculate how old a task is. My mentor recommended the JavaScript library Moment.js which seems to work well. My mentor helped me come up with code to calculate the age of a task.

alert(moment().diff(moment($scope.exampleTasks[start].timestamp, “MMM Do, hh:mmA”), “minutes”) + ” minutes”);

moment() represents the current time, .diff calculates the difference between two times, and $scope.exampleTasks[start].timestamp is the time the task was initially submitted.

momentjs

When the checkbox is clicked, the app shows an alert box with the number of minutes passed since the task was first submitted. I’m now working on a function that will loop through each task, check if 7 days has passed, and then change the task to “destructed” if 7 days has passed.

I noticed since I have a mentor meeting every Thursday, I stay pretty focused and motivated during the week. I know I need to prepare for the meeting and have questions ready so that I can make the best use of the 30 minute meeting. Also, knowing that you are held accountable to someone helps to limit procrastination.

Week 18

I have finished the first self-directed project, the self-destructing to-do list, although I need to fix one issue and get my app to work on Heroku. Since I built my app with Yeoman, I need to set up a server for the app to work on Heroku.

I was able to meet up with another front-end development Bloc student who is also in the Seattle area and it was great to chat with a fellow student going through the same experience. We compared our experience and shared useful resources which was great.

At my weekly mentor meeting, my mentor helped me figure out my issue with deploying my self-destructing to-do list to Heroku and my app is now live at: http://destructing-tasks.herokuapp.com/

You can add tasks with a priority level and any tasks you don’t mark complete within 7 minutes will automatically move to the “Self-Destructed Tasks” list on the “Task History” view.

destructing-task-list

I’ve made it half-way through the program!

half-way-mark

Week 19

I’ve started on project #3 which is a chat application that looks similar to a basic version of Slack. I used Yeoman to set up the structure of the application with AngularJS.

I saw on the Bloc Facebook group that one student got hired just two days after graduating Bloc, which is encouraging.

Week 20

I’m back from a mini-vacation and making progress on my chat application. I was struggling with creating a child array in Firebase to hold the names of the different chat rooms in my application but my mentor helped me get it set up.

firebase-child

Adding child arrays in Firebase is really useful because it allows you to have multiple arrays in your application. I currently have one array that contains the objects for each message and another array that contains values for the different chat room names.

Week 21

I’ve been stuck on trying to show only messages from the selected chat room but I finally found a way to make it work using a custom comparator suggested on Stack Overflow. I was trying to use a custom filter but it just wasn’t working. Now I have most of the functionality working in my chat room except for allowing the user to choose a username.

angular-chat-rooms

View my code on Github: https://github.com/charlessipe/angular-chat

I’m contributing to a list of Javascript resources by Bloc alumni Abdullah Alger. You can view the list at: https://github.com/AbdullahAlger/javascript-resources

I’m considering enrolling in the Udacity Nanodegree for Front-End Development after Bloc. At $200/month it seems like an inexpensive way to gain more experience and build more projects for my portfolio. The course lectures are also available for free on their YouTube channel.

udacity

I was able to deploy my chat application to Heroku at: http://angularjs-chat.herokuapp.com/

To deploy an Angular app generated by Yeoman to Heroku requires a couple extra steps such as using Grunt Build to create a dist folder for the app. The article Deploying a Yeoman/Angular app to Heroku provides good instructions however it forgot to mention that you need to remove dist from the gitignore file so that you can push the git commit to Heroku.

Week 22

I feel really good about my progress. I have over 12 weeks left in the program and just my capstone project left so hopefully I can build a great final project.

I’ve started to plan my capstone project, Top Programming Blogs. It is intended to be a mix of Reddit and Product Hunt for blogs. I had the problem of not being able to find a well-organized list of good programming blogs so I’m aiming to solve that problem. I also want the app to show the latest article title from each blog so users can quickly scan about 50 programming blogs for something of interest. Users will be able to vote the best blogs to the top.

I’m feeling a lot more self-sufficient than I did in the first couple months. I can figure out a lot of issues on my own through trial and error or searching through Stack Overflow. My brain seems to be catching on to a lot of patterns in JavaScript so solutions are arriving much quicker now. I still seek help from my mentor when I feel really stuck but my confidence is growing and the self-doubt is diminishing.

Week 23

I’m making some good progress on my top programming blogs voting app. I added the ability to login with Facebook OAuth and then vote once per blog. When the logged in user votes for a blog, their Facebook uid is pushed to the “votes” array within the “blogs” object. The “votes” array contains the Facebook uid of each user that has voted for that blog.

facebook-uid

I’m getting somewhat stuck on accessing some Restful APIs from Angular. I was able to do a JSONP call to the Mozscape API to get some data back that shows up in the console but I haven’t been able to store the data into a variable.

top-programming

Week 24
I was reminded of this great quote this week from the late Randy Pausch:
“The brick walls are there for a reason. The brick walls are not there to keep us out. The brick walls are there to give us a chance to show how badly we want something. Because the brick walls are there to stop the people who don’t want it badly enough. They’re there to stop the other people.”

I’m hitting some road blocks this week in getting my Restful API calls to work properly and feeling like this:

But it is okay because I know it is part of the process of growing as a developer and I am learning a lot even when I’m stuck.

If you have any questions about Bloc or learning front-end development, feel free to contact me at csipe84(at)gmail.com.

Note: This is an ongoing post so check back for updates.

{ 2 comments }

5 Reasons to Consider Bloc’s Online Coding Bootcamp

by Charles Sipe on December 10, 2014

After researching several options for training to become a web developer, I have found Bloc to be one of the most compelling options. I recently applied to Bloc’s veteran scholarship which is awarding 10 veterans with a full scholarship to attend their online bootcamp (Update: I was awarded a full $5,000 veterans scholarship! Thank you Bloc). This post outlines some of the positives that stood out for me compared to other options such as an in-person bootcamp or a college certificate program.

bloc-logoOne on One Mentorship

In Bloc you are paired with a single mentor for the entire program which means that the student teacher ratio is 1 to 1 the whole time. This contrasts significantly with colleges or in-person bootcamps where you are in a cohort of 20 or more students. The one on one attention is a tremendous differentiator for Bloc and really helpful for students starting in web development. The mentor meets with the student about 36 times and this time can include helping you get unstuck, pair programming, and answering your questions.

Project-Based Learning

Students complete 4-6 projects during the program which can be showcased in a portfolio. This is excellent if your end goal is to show potential employers what you can do and get a job in the web development field. In web development, employers don’t care about credentials as much as what you can do. The projects seem really impressive like a clone of the music streaming service Rdio.

Flexibility

Bloc really stands out in the flexibility that it provides students which strongly contrasts with in-person bootcamps which tend to be pretty rigid in terms of having to be in the classroom for set hours. This is ideal for people who do not have the option of leaving their full-time job for 2-3 months to attend a bootcamp. Bloc’s online format allows you to schedule meetings when it fits your schedule, which can allow you to continue working full-time if needed. You can also choose the intensity of the program with options of a 12, 18, or 36 week program (the shorter program involves more frequent mentor meetings). Additionally, since you are working 1 on 1 with a mentor, they can customize the program to match with your specific interests, goals, or type of app that you want to build.

Affordability

Compared to an in-person bootcamp, Bloc is less than half the cost at $4,999 ($5,500 if you pay in 6 installments). If you consider the opportunity cost of having to leave your job for 2-3 months for an in-person bootcamp, then Bloc could be a quarter of the cost of an in-person bootcamp.

Job Preparation

Bloc recently added a job preparation phase that takes place after you have successfully completed the mentorship part of the program. The job preparation includes 3 additional meetings to help you craft your resume, portfolio, and practice technical interviews. It seems like this is a great service for people who have the goal of getting hired after the program. Bloc also has an alumni group of former students who can help each other.

There are a few weaknesses I perceive for an online coding bootcamp like Bloc when compared to an in-person bootcamp. As a part-time program it is not immersive like an in-person bootcamp which puts you in an environment where you are around dozens of passionate students like yourself. With an online program you may miss out on building strong relationships with your peers who are going through an intensive and sometimes challenging experience along with you. You can miss out on gaining experience working collaboratively on a team. Additionally, some in-person bootcamps offer a hiring day where dozens of potential employers meet you and many in-person bootcamps have strong relationships with recruiters who they can recommend you to. With these factors in mind I still think that Bloc provides a flexible alternative to in-person bootcamps at a fraction of the cost.

Bloc is already the largest online coding bootcamp and have recently raised a $6 million series A investment to help them continue to expand. This signals that Bloc is here to stay for the long term and will continue to be the leader in online web development training. You can learn a lot more about Bloc’s offering through their webinars on YouTube.

{ 0 comments }

I’m creating this list of resources I come across while learning front-end development. If you have a suggestion please leave a comment below.

YouTube Development Tutorials

A to Z CSS

DevTips

Helping Develop

Jeffrey Faden

Learn Code Academy

Level Up Tuts

Lynda

Mackenzie Child (Rails)

PHP Academy

Programmer’s Creed

The New Boston

Toptal

The Treehouse Show

Tuts+ Code

Udacity

WordPress

18 Free WordPress Themes Built With Bootstrap WP Tavern

10 Blank/Naked WordPress Themes Perfect for Development Specky Boy

CSS

CSS Tricks

Simpsons in CSS

Can I Use – Check browser compatibility of specific CSS features.

Jottly: A Beginner’s Guide to HTML, CSS, Skeleton and Animate.css Bloc

A to Z CSS

Learn to Code HTML & CSS Shayhowe.com

Rounded Images with CSS Shadows The Programmer’s Library

What’s the Deal With Display: Inline-Block? Design Shack

JavaScript

D3 – JavaScript library for interactive charts.

Heatmap.js

Chartist.js

Human Javascript

JavaScript Programming for the Web

How to Learn JavaScript Properly Javascript is Sexy

Javascript Videos The New Boston

Javascript The Right Way

A re-introduction to JavaScript (JS Tutorial) Mozilla

jQuery

JqueryUI

The Basics of Querying the Dom (video) Tuts Premium

jQuery Videos The New Boston

Angular

Comprehensive Beginner’s Guide to AngularJS

Egghead.io – Angular video training.

Learn Angular by Building a Gmail Clone Thinkful

Shaping up with Angular Code School

Thinkster – Angular tutorials and courses.

Front-End Development Courses

Front-End Web Developer Nanodegree Udacity – 6-9 month program with support from a coach ($200/month).

HTML5, CSS3, & Responsive Design for Web Development University of Washington – 9 month program with 3 courses that are in person or online (~$1k per course).

Bloc.io Front-End Development Online Bootcamp – An online apprenticeship/mentorship where you learn with a mentor 1 on 1 and build projects.

Harvard CS50 – Video lectures of an intro to computer science course at Harvard.

Bit Fountain – iOS and Android video courses for under $200.

Udemy

The Lodge

Learnable

Code School

Codecademy

Thinkful

TutsPlus

Skillshare

Skillcrush

Udacity Web Development

Learning to Code: Lessons from Building a Rails App with Treehouse The Art of Ass-Kicking

Thinkful FEWD Course Review

Coding & Cloning: 3 Months with Thinkful Jeya.me

Git

Git – The Simple Guide

Yet Another Newb Guide to Git

Bootstrap

Less Like Bootstrap – 5 Ways To Customize Your Designs Jetstrap

Coding Bootcamps

Code Fellows: Ruby on Rails Bootcamp Review Billy Shih

Getting Hired

Getting a Job as a Front-End Web Developer Daniel Na

What do I need to know to become a Jr. Front End Developer? Reddit

Front-End Web Developers: What You’ll Make and Where You’ll Make It Udacity

Life after Code Fellows: Landing your first job Code Fellows

Preparing For A Front-End Job Interview Smashing Magazine

Why Can’t We Find Front End developers? Jose Aguinaga

Career Articles

Advice to Budding Front-End Developers CSS Wizardry

Career Spotlight: What I Do as a Front-End Web Developer Lifehacker

Tools

CodePen – HTML, CSS, and JavaScript code samples with live previews.

Miscellaneous

The Ultimate List of UX Design and Development Resources Code Fellows

Useful Links for Front-End Web Development Code Fellows

Quora

Is it extremely hard to be a really good programmer?

{ 0 comments }

30 Awesome Quotes for Living a Great Life

by Charles Sipe on March 9, 2014

“It is the nature of man to rise to greatness if greatness is expected of him.” ― John Steinbeck
“You can get everything in life you want if you will just help enough other people get what they want.” – Zig Ziglar
“Success is getting what you want. Happiness is wanting what you get.” -Dale Carnegie
“We don’t beat the reaper by living longer, but by living well, and living fully — for the reaper will come for all of us. The question is: what do we do between the time we’re born and the time he shows up.” – Randy Pausch
“Don’t ask what the world needs. Ask what makes you come alive, and go do it. Because what the world needs is people who have come alive.” – Howard Thurman
“Would you tell me please, which way I ought to go from here?” ”That depends a good deal on where you want to get to,” said the cat. “I don’t much care where…” Said Alice. “Then it doesn’t matter which way you go,” said the cat. – Lewis Carroll, Alice in Wonderland
“I not only use all the dreams that I have, but all that I can borrow.” – Woodrow Wilson
“Only those who are asleep make no mistakes.” – Ingvar Kamprad, founder of IKEA
“There is nothing that the busy man is less busy with then living; there is nothing harder to learn.” – Seneca
“There is more to life than increasing its speed.” – Mohandas Gandhi
“There are many things of which a wise man might wish to be ignorant.” – Ralph Waldo Emerson
“Whenever you find yourself on the side of the majority, it is time to pause and reflect.” – Mark Twain
“By working faithfully eight hours a day, you may eventually get to be a boss and work 12 hours a day.” – Robert Frost
“The miracle is not to walk on water. The miracle is to walk on the green earth, dwelling deeply in the present moment and feeling truly alive.” – Thich Nhat Hanh
“I am an old man and have known a great many troubles, but most of them never happened.” – Mark Twain
“Many a false step was made by standing still.” – Fortune cookie
“There is no difference between a pessimist who says, ‘oh, it’s hopeless, so don’t bother doing anything,’ and an optimist who says, ‘don’t bother doing anything, it’s going to turn out fine anyway.’ Either way, nothing happens.” – Yvon Choinard, founder of Patagonia
People are rewarded in public for what they practice for years in private. ~ Anthony Robbins
“Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid.” – Albert Einstein
“Try not to become a man of success, but rather try to become a man of value.” – Albert Einstein
“Don’t let making a living prevent you from making a life.” – John Wooden
“I am the master of my fate; I am the captain of my soul.” – William Ernest Henley
“If you aim at nothing, you will hit it every time.” – Zig Ziglar
“Follow your dreams, or you’ll spend the rest of your life working for someone else who did.” -Anonymous
“Do or do not. There is no try.” – Yoda
“Action is the real measure of intelligence.” – Napolean Hill
“Life is either a daring adventure or nothing at all.” -Helen Keller
“Success is the progressive realization of a worthy goal or ideal.” – Earl Nightingale
“Most people go through life quietly and safely tip-toeing to an early grave.” -Les Brown
“Unless you try to do something beyond what you have already mastered, you will never grow” -Ralph Waldo Emerson

{ 0 comments }

Listen to 35 Tim Ferriss Interviews in One Place

by Charles Sipe on June 7, 2013

tim-ferrissI’m a fan of Tim Ferriss’ writing and advice for getting the most out of life. He provides great content on life hacking, entrepreneurship, and gaining new skills. Here is a curated this list of every Tim Ferriss audio interview I could find online which equates to over 12 hours of content. Enjoy!

Firefox doesn’t support MP3 with the HTML5 audio player so you will have to follow the links to listen to the interviews or switch to Chrome 6+, IE 9+, or Safari 5+. The audio should load when you click play.

#127 Tim Ferriss on Smart Drugs, Performance, and Biohacking The Bulletproof Executive

Tim Ferriss: The 4-Hour Chef, Meditation, and Eating Crickets The Fat Burning Man

Tim Ferriss Has His Own Questions Turned Against Him! Eventual Millionaire

Exclusive Interview: Leo Talks with Tim Ferriss of 4-Hour Workweek The Power of Less

The simple path to becoming a highly-paid expert (new podcast with Tim Ferriss) Social Triggers

Rapidly Learn Any Skill (Including Cooking): An Interview with Tim Ferriss about “The 4-Hour Chef” Man vs. Debt

SPI 051 : Tim Ferriss on Promotion from Scratch, Accelerated Learning, Experiments Gone Wrong, Publishing and More Smart Passive Income

Gape Into The Void Podcast, Episode 8 With Tim Ferriss Gaping Void

Tim Ferriss on How to Reinvent Yourself with Blog Marketing Copyblogger

Nerdist Podcast: Tim Ferriss Nerdist

SPOS #333 – Learn To Do Anything With Tim Ferriss Six Pixels of Separation

TNM 125: Tim Ferriss – How to Be Kickass Fast The New Man Podcast

Tim Ferriss on the New 4-Hour Workweek Duct Tape Marketing

The 4-Hour Entrepreneurial Body Duct Tape Marketing

Ep30 – Tim Ferriss The Bryan Callen Show

95: Tim Ferriss Of The 4-Hour Workweek, The 4-Hour Body, And The 4-Hour Chef Entrepreneur on Fire

How to Become World-class at Anything: An Interview with Tim Ferriss Jeff Goins Writer

Tim Ferriss – Episode 159 Robb Wolf

Tim Ferriss Interview on The 4-Hour Chef Sources of Insight

The LLVLC Show (Episode 468): Tim Ferriss Promotes His Slow-Carb Approach From ‘The 4-Hour Body’ Living La-Vida Low Carb

Tim Ferriss on Meta Learning and Living the Good Life School of Greatness

JRE #320 – Tim Ferriss Joe Rogan Experience

JRE #137 Tim Ferriss Joe Rogan Experience

4-Hour Book Launch Advice from Tim Ferriss Firepole Marketing

Episode #178: Tim Ferriss, FourHourChef.com (FourHourWorkWeek.com) Pickup Podcast

My Interview With Bad Ass Mother F***** Tim Ferriss Dannyroddy.com

How to Become World Class in 6 Months with Tim Ferriss Blogcast FM

Episode 013: The One With Tim Ferriss I Love Marketing

Tim Ferriss – Podcast Episode #189 Site Visibility

The 4-Hour Workweek – A Podcast Interview with Tim Ferriss About.com

Interview With Tim Ferriss of The 4-Hour Workweek Entrepreneur’s Journey

Tim Ferriss Talks About His Latest Book “The 4-Hour Chef”, How To Learn Anything In Half The Time And Why He Went To Sniper School Entrepreneur’s Journey

A conversation with Tim Ferriss, author of The 4-Hour Chef Anthill Online

079 – Tim Ferriss on how to learn ANYTHING, fast! The Kickass Life

How to Make Yourself Superhuman & Super Productive Internet Lifestyle

Photo credit: Sean O’Shaughnessy

{ 0 comments }

26 Interesting Articles and Resources on Happiness

by Charles Sipe on October 25, 2012

In recent decades there has been a significant increase in the research on positive psychology or happiness which has resulted in interesting findings that can help individuals make decisions to increase their happiness. Here are some of the interesting articles and resources I have come across and my top takeaways.

Happiness may bring you more money, study says LA Times
-Happier teens were more likely to go to college and get promoted.
-Very happy teens earned 10% higher than average.

The Myths of Happiness Barry Schwartz, Salon
-Happier people live longer and do better work.
-Experiences do a lot more for our happiness than possessions.
-People focus too much on the goal and not on the journey.

Is happiness the secret of success? by Shawn Achor CNN
-Happiness raises sales 37% and productivity by 31%.
-Write 3 new things you are grateful for each day.

5 Reliable Findings from Happiness Research Psych Central
-People who give money away appear to be happier.
-You control about half of your happiness (the other half is genetic).

Why Are Some Cities Happier Than Others? The Atlantic
-There are 3 major decisions in life that affect happiness: where to live, what to do, and with whom to do it.

Ten simple steps to boost your happiness Scouting
-Breaking a sweat can be as effective as antidepressants at fighting depression.
-Happy people live longer and earn more money.

Five habits for creating long-term happiness Fast Company
-Meditate regularly.
-Set aside time each day for a laugh.

Scientific Proof That Happiness Is a Choice Next Avenue
-Happiness from exercise comes from the repeated patterns of believing your behavior matters.
-People who start exercising start eating healthier.

But Will It Make You Happy? New York Times
-Spending money on experiences produces longer lasting satisfaction.
-Money up to a certain point makes people happier because it helps them meet certain needs.
-Hedonic adaptation describes how we quickly adapt to changes.

Don’t Indulge. Be Happy. New York Times
-Survey data shows higher income resulted in better moods, but the impact tapered off after $75,000.
-How we spend our money is more important that how much we make.

Being Filthy Rich Doesn’t Buy Happiness, But Raises Do Wired
-A steadily growing income can increase happiness.
-The ability to purchase things we desire makes a difference.

The New Science of Happiness Time
-Once your basic needs are met, additional income does little to improve your life satisfaction.

Pursuing Happiness: What Works and Why (video)
-Circumstances don’t predict happiness very strongly.
-You need to change what you do not what you have.

There’s More to Life Than Being Happy The Atlantic
-Nearly a quarter of Americans do not have a strong sense of what makes their lives meaningful (or are nuetral).

Is Money the Secret to Happiness? Psychology Today
-Much of the pleasure of acquiring things is in getting them.
-We tend to overestimate the impact of higher income.
-One of the most common regrets is not spending more time with children when they were young.

The Pursuit of Happiness Psychology Today
-Some people are born with a more positive outlook.
-Things are never as bad or good as we expect them to be.

With Age Comes Happiness Time
-Both happiness and depression can increase with age.
-A tough economic time period can affect the well being of an entire generation.

Too much happiness can make you unhappy, studies show Washington Post
-Ed Diener found those who reported the highest life satisfaction later reported lower income and dropped out of school earlier.
-Studies show that sad people are attentive to detail and externally orientated.

Does Having Children Make You Happier (audio) NPR
-Things that people think make them happy often don’t.
-Parents are slightly happier than non-parents.
-Parenting appears to increase happiness more with men than women.

What You Need To Be Happy by Professor Ed Diener (video) Baylor University
-Having work that you love is important for long-term happiness.
-Active leisure is a key to happiness like going hiking.
-People who live in a concrete jungle are not as happy.
-Air pollution lowers life satisfaction.

Can Money Buy Happiness (video) AsapScience
-People who win the lottery often report becoming very unhappy, partly due to ruined social relationships.
-People who spend money on others feel happier.
-Giving gifts to others is positively correlated with happiness.

Happiness Inc. New York Times
-Unhappy people compare a lot and care about the results.

Using Money to Buy Happiness Scientific American
-Simply having more money doesn’t guarantee happiness.
-The greatest increase in happiness is often in the weeks leading up to a vacation, which shows the power of anticipation.

Commuting The Frontal Cortex
-People consistently underestimate the pain of a long commute
-Frey and Stutzer estimate that a person with a one-hour commute has to earn 40 percent more money to be as satisfied with life as someone who walks to the office.

Does Smiling Make You Happy? How Stuff Works
-Studies consistently show that smiling causes happy feelings but there isn’t a definitive explanation.

Shawn Achor: “Before Happiness” (video) Talks at Google
-Positivity or negativity are contagious.

Creative Commons photo by Mark Sebastian

{ 0 comments }

“The Great Diet Coke Delivery” Continued

by Charles Sipe on January 4, 2012

After delivering Diet Coke to Ian Lurie of Portent Interactive on December 7th in what has been called “The Great Diet Coke Delivery”, a lot of cool things have happened.

Ian Lurie wrote about the story on Conversation Marketing: How Social Media Works

I wrote an article about the experience and submitted it to SEOMoz’s YouMoz blog and unexpectedly it was promoted to the main SEOMoz blog: How I Got The Attention of One of the Top SEO Bloggers With Diet Coke

Ian followed up with a great article in response to a commenter and discussed why being nice is a good marketing tactic: Being Nice Isn’t a Marketing Tactic. Or Is It?

A marketing agency in Brazil also wrote an article telling the story in Portuguese.

Jon Cooper from Point Blank SEO mentioned the story in his post Link Building Strategies – The Complete List

Ed Fry referenced the “awesome Diet Coke story” in his Moz article, Building Awesome Relationships For Links, Likes, and Love.

The response has been overwhelmingly positive and I was even contacted by a director of marketing in the medical field who offered me great feedback on my company website. The comments on SEOMoz were really supportive and I’ve been able to meet some great new people in the SEO community.

Finally, as I noted in an update to my SEOMoz post, Diet Coke sent me an interesting note via Twitter:

I finally received the package from Diet Coke today: A week’s supply of Diet Coke and a nice note.

diet coke

The note says:

Hi Charles,

We loved what you did for our fan @portentint on Twitter. In fact, we loved it so much that we wanted to follow your example of social media savvy and give you a Diet Coke surprise of your very own.

Please feel free to enjoy it yourself, or use it to surprise other extraordinary Twitter fans in need of Diet Coke.

Thanks again and stay extraordinary.

Yours,

Diet Coke

Thanks Diet Coke!

{ 11 comments }