Since I completed the Bloc front-end web development online bootcamp, I have been looking for ways to take my coding skills to the next level.

I still had a lot of GI Bill benefits remaining (about 24 months) so I was interested in using them before they expire for me in 2019. While there are a very limited number of coding bootcamps that you can attend with the GI Bill, certificate programs at universities are frequently covered by the GI Bill. So I reached out to the people in charge of Seattle University’s Web Development Certificate program and learned that it was recently approved for the GI Bill.

With free self-teaching options like Free Code Camp and low cost options like Lynda.com and Treehouse, I didn’t want to pay a lot of money out of pocket for a program. Seattle University’s Web Development Certificate is a year long and costs $16,000 in tuition, however with my 60% benefit with the Post 9/11 GI Bill, I determined that my out of pocket costs would be zero.1

The veterans department at Seattle University also told me that the program is considered exclusively online or distance learning although it requires frequent in-person labs and meetups in Seattle. GI Bill benefits (specifically monthly housing allowance) are reduced significantly for exclusively online programs so my out of pocket costs would have been thousands of dollars. However, the program director was able to resolve this issue with the veterans department changed the classification of the program to in-residence or on-campus.

Week 1

I took some time to get acclimated to the format of the course which is taken through the popular Canvas platform. The content is delivered via videos, text pages, external resources like blog articles, and discussion boards. The in-person portion of the course involves labs at Seattle University and meetups with speakers from the web development field.

Week 2

I attended the monthly networking meetup for the program this week, which was a presentation by a recruiter at The Creative Group. I also attended my first lab which was a meeting on campus where two instructors helped students with any questions they had. It is like office hours but you are required to attend two lab sessions each month.

There are required readings assigned and additional optional readings that is recommended to explore deeper into a topic. This week we read about the history of the Internet and how it works. The coding practice included adding HTML markup to a page of text and images. We are currently using Code Anywhere which is a cloud-based text editor and then we are pushing our changes to Github pages so that the code becomes a webpage that can be viewed online.

There is an active Slack room for the program and there is usually an instructor on there to help out with any issues. I had a question about the coding exercise and an instructor answered my question within minutes. Slack also allows students to communicate with each other in real-time which is great for a mostly online program because it makes it easier to socialize with fellow students.

I also had the chance this week to meet up with a designer and developer at Moz, a marketing software company and got to tour the office. I want to continue to work on meeting and connecting with people in the development community.

Week 3

This week was focused on learning about the fundamentals of CSS and implementing some CSS properties and values to a simple webpage. We push our code to Github Pages so my webpage is available to view online at http://charlessipe.github.io/wats1010-css/.

This week we also had to turn in a research question so I choose to research why Automattic decided to rewrite their user admin in JavaScript to replace PHP and how that will impact the future of the Web since WordPress powers an estimated 25% of websites. I am also interested in how this will affect the job market for JavaScript developers as more companies are choosing to build their applications in full-stack JavaScript.

Week 4

This week we continued learning about CSS with a focus on CSS layout. There were several required readings on topics like the box model and the 8-hour Lynda CSS Layout course was recommended.

Our project this week was to add CSS layout properties and values to a basic HTML page about Edgar Allen Poe.

I attended a lab session this week at Seattle University so it was great to interact with the instructors in person. There are multiple instructors at the lab to help with any issues you come across or to answer any questions you have. The only challenge was to find parking on campus on a weeknight. The visitor lot was completely full so I ended up parking about a mile away from the classroom.

I learned a neat shortcut for selecting multiple cursors at the same time which is helpful if you need to edit multiple lines of code at the same time.

multiple-cursors

On Mac you have to enable three finger drag, which is in System Preferences > Accessibility > Mouse & Trackpad. Then you can hold option while three finger dragging to enable cursors on multiple lines simultaneously. I also learned that highlighting a code block and then holding shift and then tab will reverse tab that section of code.

Week 5

This week we learned about graphics and video and I learned how to encode a webm video file to mp4 and then display it on a page with the video HTML tag. I used the Miro open-source video player to convert the video file. We also read articles about web standards and regulations that developers should keep in mind when building web sites.

My project for the week involved encoding a webm video to mp4 and displaying it on a page. http://charlessipe.github.io/wats1010-embedded-media/

html-video

Week 6

We had a monthly meetup this week with Hank Yates (@hankyates) speaking about functional programming in JavaScript. I found it difficult to follow the live coding but I was exposed to some terminology and concepts that I can research more at a later time. He discussed setting a fallback value for a function’s argument which I think is new to Ecmascript 6. He also mentioned the JavaScript lambda or arrow functions which I want to read up on.

There was a lot of reading this week, mainly chapters 3,4,7,8 from the online textbook Web Style Guide. We learned about information architecture concepts, wireframing, and usability.

I worked on writing a topic summary and annotated bibliography on my research topic of Automattic rewriting their admin interface with JavaScript instead of PHP. The project this week was to create a wireframe for a redesign of the CSS Zen Garden webpage. I used Balsalmiq for the first time to create a design mockup.

Week 7

This week we worked on styling the CSS of the CSS Zen Garden webpage. Here is my attempt at redesigning the site: http://charlessipe.github.io/wats1010-css-zen-garden/

I always enjoy tinkering with CSS to manipulate the appearance of a webpage. I also continued researching articles about WordPress’ redesign of the user admin interface using JavaScript. I read about the WordPress API which will be interesting because it will allow you to create a JavaScript app that utilizes the WordPress PHP backend.

This week the reading consisted of articles about Restful APIs and Caching. I learned why CDNs are useful since they can serve content from a closer location therefore increasing page speed. Restful APIs provide endless opportunities for combining data from different websites in interesting ways which is awesome.

Week 8

This week we started the design and development of a imaginary product page.

Since students publish their projects on GitHub Pages, I was able to view over 20 examples of past student projects by looking at the Network Graph of the original Github repo and then modifying the URLs of student Github repos into a Github Pages URL.

I created a wireframe/mockup of my design of a product page for the “API Superstore” and used Adobe Illustrator CS4 since I like it more than the wireframe tool Balsalmiq.

I am involved with the non-profit Operation Code, an organization that helps military veterans learn how to code and advocates for allowing veterans to use the GI Bill for code schools or coding bootcamps. They have a pretty active Slack channel and I was able to connect with a software developer in Seattle who is interested in speaking at an upcoming Seattle University web developer’s meetup. I introduced her to the program director and she may speak at a future meetup.

Week 9

This week we had time to work on coding the HTML and CSS of the imaginary product page which is coming along well. I am using the Bootstrap framework for the website and it makes it easier to get my design up and running quickly.

product-page-screenshot

We were assigned to write a mini summary about a research topic of our own choosing for this week about web development culture. I chose to research whiteboard interviews and found some interesting articles criticizing whiteboard interviews as a way to evaluate candidates. Some of the criticisms are that it poorly simulates a real development environment and creates unnecessary pressure. One alternative that I learned about at a Code Fellows panel on getting hired in tech is an approach by the company Substantial. Instead of whiteboard interviews they give candidates a problem to work on overnight on their own laptop. However, many employers are still relying on whiteboarding so I have set up several white boards at home to practice.

Week 10

This week I finished up coding up the imaginary product page and the final version is at http://charlessipe.github.io/wats1010-product-page/

I also finished up a 1,000 word reflection/research paper on how WordPress switched to a JavaScript powered user dashboard and how it affects the future of JavaScript development. We are required to create a research artifact so I created an explainer video using the screen recorder from QuickTime Player and I published it to YouTube.

This completes the first two courses in the program: Foundations of the Web and Intro to Web Development.

I’m looking forward to the next two courses: Intro to JavaScript Programming and Intro to Servers and Hosting.

Week 11

I heard there are around 40 students enrolled in the program this quarter so they had to get a second classroom for the labs.

This week we started learning about JavaScript and web hosting. The program director Shawn wrote a GitBook on JavaScript and that was the main reading for the week. The beginning of the book covered some of the basics of the language like data types and loops. I also started reading the first couple chapters of Eloquent JavaScript which is available to read for free online (this is a supplemental reading assignment).

The first project was the classic problem FizzBuzz which I’ve heard of but never attempted previously. I was able to work it out pretty quickly.

fizzbuzz

We also read some articles about choosing a good domain for the Hosting and Servers course. Our project for the course was to host our Github pages URL on our personal domain by creating a CNAME and pointing it to our personal domain. My Github pages URL is now http://portfolio.charlessipe.com/

Week 12

This week in Intro to JavaScript we read about arrays, functions, and objects at Shawn’s GitBook“>Gitbook on JavaScript. The optional reading included chapters 3-6 of Eloquent JavaScript which provides some excellent explanations of JavaScript concepts and useful code examples.

The JavaScript exercise this week was to shorten a snippet of text like you might see in Google’s search results where the snippet is cut off after a specific number of characters. This requires using some JavaScript methods to manipulate the string such as converting the string to an array of words, removing array items, then joining the array back into a string.

We also learned about some useful Unix commands to navigate the terminal. There was a “scavenger hunt” which consisted of using Unix commands to answer a list of questions.

Week 13

This week we focused on learning about manipulating and traversing the DOM with JavaScript by reading the DOM chapter in Eloquent JavaScript.

The project for the week was to build a fortune cookie webpage that displayed a random fortune when you click the button. My project is live at http://portfolio.charlessipe.com/wats1020-dom-basics/

fortune-cookie-generator

In the hosting course we got acquainted with Digital Ocean. We set up a droplet, which is a private server, and cloned a Github repo into the droplet. You can log into your private server from the terminal using the command ssh root@. We also learned about generating a SSH key and adding it to Digital Ocean and Github so that you don’t have to enter your password when pushing Git commits.

The folks at Operation Code let me know about the Github Student Pack which is a collection of freebies and discounts for student developers. It includes a $50 credit to Digital Ocean which is pretty sweet.

Week 14

This week we focused on learning jQuery to add interactivity to a webpage at http://portfolio.charlessipe.com/wats1020-dom-manipulation/. The project included using jQuery to show and hide text using click events and jQuery methods. We also updated a bar graph based on the number of votes by incrementing the vote count when the voting button was clicked.

grace-hopper

In the web hosting course we learned and practiced with command line text editors like Vi and Nano which are helpful when you need to edit a file that is on a remote server like Digital Ocean.

Week 15

This week we worked on a Bootstrap based webpage with some JavaScript elements like a carousel, clickable tabs, and a map. The map was added using the Leaflet.js library. I struggled with getting multiple layers to work on the map although I was able to add markers to the map.

I’m also reading the book JavaScript and jQuery by Jon Duckett which explains concepts well. I actually tear out pages and scatter them throughout the house to study whenever I have free time. It can be nice to take a break from screens once in a while.

In the web hosting course we learned about hosting a static site with Digital Ocean and hosted the 2048 game.

2048

Week 16

This week we learned about AJAX or XHR and the project was to create a Flicker image search that would append images to the page based on the value entered onto the form.

My version of the Flicker search is available at http://portfolio.charlessipe.com/wats1020-flickr-search/

flicker-search

We used a jQuery getJSON method to request the data from the Flicker API. It took me longer to get the grid layout to align the images since the size of the images varied.

In the web hosting course we worked on getting a dynamic PHP website served on a Digital Ocean server using Apache. The code for the website was provided so we just had to get it hosted by configuring the virtual host.

flicker-dynamic-site

Getting familiar with adding CNAME or ANAME records is eye-opening because you could potentially create an app and host it and then add it to a client’s subdomain without having to touch their code.

Week 17

In the JavaScript course we learned about creating a good web form experience with helpful validation. We used the jQuery Validation plugin to easily add validation functionality to a common form. A simple JavaScript object contained the rules for the validation and it didn’t take long to get the validation to work and dynamically insert text warnings when a field did not meet requirements such as a correct credit card format or too many characters.

In the hosting course we learned about how to install WordPress manually on a server on Digital Ocean by following the directions from the tutorial How To Install WordPress on Ubuntu 14.04.

We also started planning our final projects for the quarter and I am attempting to build an employee training tracker and a video voter app.

Week 18

The weekly required reading is taking about 3 hours per week give or take. I was on vacation with my family this week but managed to get most of the reading and coding assignments done.

This week we learned about responsive design, mobile-first design, and adaptive design which involves dynamically changing the content based on the screen size. We also read up on things to consider when choosing a WordPress plugin.

This week’s project was to create a responsive layout for a card matching game.

mobile-friendly

Week 19

I’ve been working on two small apps for the final project in the JavaScript course and the hosting course.

In the JavaScript course I am building an app that tracks employee training for a given topic. The user can check off articles, videos, and other items that they have completed and it shows the progress.

employee-training-ss

It is connected to a Firebase database so the status of each item’s checkmark is being stored. It also calculates the total percentage of training completed with a progress bar at the bottom of the page.

total-progress-ss

There is still a lot to improve on like refactoring the code but I’m making good progress so far. In the hosting course I am building a video voter that shows a list of videos on a topic and allows users to vote on individual videos.

video-voter-ss

Week 20

This week ends the second quarter and I have reached the half-way mark of the program.

I turned in my employee training tracker app with some basic functionality completed. However I haven’t had a chance to add user authentication so that people could log in and store which items they have completed. I also need to refactor the code because there is a lot of unnecessary repetition.

The video voter app still lacks the ability to store votes which I could add by updating the WordPress mySQL database. I would need to read up on how to do that. Also, I wasn’t able to pull in data from the YouTube API for the view counts. I don’t think the YouTube API provides view count data anymore or I just haven’t found the right documentation yet.

The employee training tracker app seems more promising. If I focus on just training people on JavaScript, I could test to see if people would use it. Then I could expand it to other topics. I still have a lot to work on to make a usable JavaScript training tracker app.

I attended a mini-hackathon at Galvanize in Seattle with three other students from Seattle University and it was a fun experience.

The theme of the hackathon was eighties rehab and our team’s idea was a quiz to determine how addicted you are to the 80’s.

eighties-quiz

We used the SlickQuiz jQuery plugin to get a simple quiz working in a short amount of time.

We have a couple weeks before the next quarter starts so I have been working on my training tracker app. I was able to get app to show which items were checked previously and the updated progress bars based on the items completed (it stores and retrieves the data from Firebase).

javascript-training-tracker-ss

You can check out the app at http://portfolio.charlessipe.com/employee-training-tracker/

Week 21

Quarter number 3 has started this week and this quarter’s courses are Building JavaScript Web Apps and User Science and Testing.

In the User Science class we are reading the Steve Krug’s classic “Don’t Make Me Think” which is a pretty short read and provides a lot of really useful insights into how people really use the Web.

One insight is that people often look for the quickest solution that might work instead of the best solution. For example, most people do not read instructions but instead try using the item intuitively.

In the JavaScript Web Apps class we worked on getting our development environment set up with Yeoman and Grunt. We used Yeoman to scaffold a web application directory and then served it locally with Grunt server.

Week 22

We continued reading Don’t Make Me Think and wrote a usability report of a website of our choosing. All students publish their reports on the website http://responserequest.com/ (my usability reports are published at http://responserequest.com/sipec/).

We also got a brief introduction to SASS and SCSS which adds useful features to CSS like variables and functions (called mixins).

Week 23

This week we learned about deploying our very basic web application so it is available online through Github Pages which is free. We are using the online book “Introduction to Building Webapps” which walks you through how to deploy your application to Github Pages.

My application is live at http://portfolio.charlessipe.com/dev-env-test/

dev-env-test

We also read a couple more chapters of Don’t Make Me Think about user experience testing where you observe people using a website and identify issues that they experience. We were assigned with observing three people using a site and writing up a report on the results of the test.

Week 24

We continued reading the Introduction to Building Webapps Gitbook which explained the basic concepts of the Angular JavaScript framework for building web apps. It covered Angular topics like models, routes, and controllers. We also delivered a description of what we are planning to build for the final project. I am planning to create a simple app that helps small businesses survey their customers and view feedback in a simple dashboard.

In the UX course we continued reading Don’t Make Me Think which covered concepts like mobile usability and website accessibility.

The monthly speaker meetup was on Tuesday and the speaker was Jeff Meyerson, host of the Software Engineering Podcast. The talk was titled “You Are Not a Commodity” and it was a really interesting discussion about how corporations tend to view software developers as commodities and how there are increasing opportunities for developers outside the corporation. If you are interested in this topic, Jeff discusses it on this episode titled 10 Philosophies for Engineers.

sed_logo_updated

Week 25

This week we worked on bootstrapping an Angular application with Yeoman, Grunt, and Bower. We used Grunt build control to deploy the app online at Github pages: http://portfolio.charlessipe.com/angular-app/#/

angular-app

We followed the directions from Introduction to Building Webapps so it wasn’t difficult to get a basic Angular application started and deployed online.

In the UX course we focused on learning about accessibility principles which included tactics like adding image alt tags to images and including a text transcript for videos.

On the side I started working on an open source project at Operation Code. I worked on an issue and committed some code changes to the Github repo at Github.com. I then made a pull request and got the changes approved and merged.

Operation Code is built with Ruby on Rails which I have some very basic knowledge of. However, as a web application framework there are some commonalities with Angular application development. I was able to clone the repo to my computer and then serve the Rails app locally with some help. I had to install Postgresql onto my computer and then use some rails commands like bundle install, rake db:seed, and thin start –ssl to get the app running locally. One of the speakers at the Seattle University Web Developers Meetup suggested working on open source projects to show your abilities to potential employers.

If you have any questions about the program, I would be happy to help. My email is csipe84 at gmail.com

Footnotes:
1. The Post 9/11 GI Bill covers 60% of tuition for me and I receive 60% of the monthly housing allowance (MHA) which for SU is $1975 per month. The program is 10 credits per quarter or about 83% of full time, so my monthly housing allowance is about .83*.6($1975) or $983.55/per month. I should also receive a book stipend, which I estimate to be .83*.6($1000) per year ($41.50/per month). I am responsible for 40% of tuition that is about $533.33 per month. MHA + Book Stipend is about $1025.05 per month so I should be in the positive by $491.72 per month. However MHA is not paid when class is not in session so MHA is reduced in any month where there are days without class (e.g. spring break). It can be complicated to figure out how much your actual school costs will be when using the GI Bill, especially if you have less than the 100% benefit.

{ 0 comments }

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.

Week 25

I’m making some good progress and have added the feature to show the latest article for each blog. The app also displays the user’s name if they are logged in with Facebook OAuth by accessing the displayName property of the Facebook OAuth object.

added-latest-article

I learned that I actually already met the graduation requirements by completing the Bloc Jams application and two technical projects. You have the option of improving your first two projects or working on additional projects if you have time left.

Week 26
I took a short break since my wife just had a baby on Wednesday and am now back to coding my final project.

charles-baby

Bloc’s flexibility makes it possible to keep learning even during major life events. They also offer the option to freeze the program if needed. It is tough learning to code with a newborn, so I’m really grateful that I can adjust my pace as needed.

I’m trying to nail down the Restful API requests to Twitter in order to automatically show the number of followers for each blogger’s Twitter account. I know that GET users/show can return the “followers_count” data. Twitter’s new API requires authentication for each request and I’m trying to work that out. After what seems like looking at endless Stackoverflow questions that were somewhat relevant but didn’t help, I’m glad I can get some clarification from my mentor.

I’m starting to feel confident enough to start applying for jobs now. I will also be ramping up the networking efforts and preparing for interviews. I’ve got 10 weeks to go so I’m planning to push myself with the finish line in sight.

Week 27
My mentor suggested I install a Node library by Desmond Morris that makes it easier to make authenticated requests to Twitter’s API.

He helped me add the following code in my /server/routes.js file to make the GET request to the Twitter servers:

get-followers-count

I was finally able to get data back from the Twitter API. The only problem is that the data is in the backend and I need to figure out how to get it to the frontend.

I attended the Tacoma Javascript meetup this past week which was focused on discussing Angular. I learned some new things like how to set up a quick local http server with one line of code in the Terminal: “python -m SimpleHTTPServer 8001” and met some local software engineers. The meetup presenter mentioned Introduction to Angular.js in 50 Examples on YouTube which is a very informative presentation on Angular.

Week 28

I have made a lot of progress this week and have been able to work out of a few jams on my own. I used the Node Twitter library to get follower count data from the Twitter API on each blog’s twitter name and then I was able to pass the data from Node to Angular and save the data in the Firebase backend. I also found the Mozscape Node library which made it pretty easy to make API requests to the Mozscape API. I was able to connect the API request to Angular and also save the data to Firebase for each blog on my list. Next I created a function to calculate a “BlogScore” for each blog based on the number of votes, external links, Mozrank, Page Authority, and Twitter followers. I used the orderby filter for ng-repeat to order the blogs in my table by descending BlogScore. I then updated my addVote function so that the vote would be added to the correct blog after the table is re-ordered.

Here is what I have so far:

top-programming-blogs-v2

Week 29

I was having trouble deploying my app to Heroku so my mentor helped me get my app live at http://www.topprogrammingblogs.com/. It was originally hosted on Heroku until I created a CName record in GoDaddy and set up the custom domain in Heroku.

top-programming-launch

I added the apps URL into Firebase’s dashboard and changed the Facebook app settings to be available for the general public.

oauth-redirect

I also added a function to randomly change the full-width background image with images from Unsplash.com which provides free high resolution photos.

Week 30

I showed my app to some developers at Operation Code’s Slack community and got some great feedback on ways to improve the user experience.

I was also invited to an in-person interview for a front-end web developer position in Seattle! I am excited for the opportunity and have already started discussing interview preparation with my mentor.

Week 31
This week I had my first interview for a front-end web developer on Tuesday and spent a lot of time researching the company. I was nervous for the interview but it went great and I received positive feedback on my preparation.

I have also started the job preparation phase of Bloc which includes several additional checkpoints like the telephone interview and in-person interview. The curriculum provides helpful information for seeking employment and there are some practice interviews with your mentor to work on your interviewing skills. Technical interviews typically involve a problem-solving component where the interviewer may ask you challenging questions to see how you react. I’m also researching common front-end interview questions and found a helpful list of questions on Github at https://github.com/h5bp/Front-end-Developer-Interview-Questions.

I joined a group project with some other Bloc students and we met on Skype to discuss ideas for the project. A group project is not required but it can provide great experience with working with other developers on a project. You can also collaborate with other students on projects after graduation by connecting via the private Facebook group for students.

Week 32

It turned out that I didn’t get offered the job so I am continuing with Bloc’s job preparation phase and have a mock interview with my mentor on Thursday. I am preparing by reviewing important JavaScript concepts and this long list of front-end developer interview questions.

The mock interview went well although I was really stressed because I didn’t want to look bad. I was able to answer most of the questions and learned several new interview questions like how I would search for bugs and how I overcame a difficult problem.

Conclusion

I finished the program ahead of the 36 week timeframe and am continuing to work on my skills in preparation for employment or freelance work. I am very happy with the program and feel like I learned a tremendous amount and have become a much better developer over the past 32 weeks. I think it is definitely worth the cost of the program. I didn’t have to pay for the program but I probably would have learned even more if I did pay for it because I wouldn’t want my money to go to waste.

I was expecting the program to be more focused on CSS and HTML, but it was actually heavily focused on JavaScript and the Angular framework which I think is great. I did not know much JavaScript before the program and am now comfortable writing JavaScript code which allows me to build almost any web app I can think of. I still have a lot to learn to become a competent front-end web developer but I am a lot closer than I was six months ago.

Frequently Asked Questions
Here are some questions that I have been asked about the program.

Were you working while going through the Bloc program?
Yes, at one point I was working about 10 hours a week on an SEO project as a contractor while also taking care of my two-year old daughter. You can choose different course lengths based on how much time you have available. I had about 10-20 hours available per week to work on Bloc so I chose the longer time frame of 36 weeks.

Prior to Bloc, did you have any prior experience in programming?
Yes, I tried a lot of self-learning resources like Lynda, Treehouse, books, and Codecademy. These are great, but it can accelerate your progress to have regular meetings with a mentor who can help you get unstuck and point you in the right direction.

Did you find that the training from Bloc was sufficient to get a job in the field?.
I think the Bloc front-end program provides a solid foundation but you should continue to build on the basic skills by practicing JavaScript and building additional projects. It is possible to get an entry-level position right after this program but you have to really hustle (e.g. attend a lot of events, meet a lot of people, etc.) My view is that the junior web development job market is very competitive so you have to work really hard to get your first job.

I keep seeing job postings that ask for lots of additional requirements not covered in the Bloc program: Ajax, JSON, PHP, CMS, React, Node.
The requirements that are listed on many job postings are generally a wish list and the employer is often looking for only a few important things. I actually used Node, AJAX, and JSON in my final project so you can get experience in additional technologies if you ask your mentor.

Do you have to complete all the pre-work prior to starting the program?
You don’t have to but it certainly helps. I didn’t finish the Codecademy Javascript tutorial when I started but I completed it a few weeks after I started because I wanted to understand JavaScript better before starting the project phase.

Update: I have been working on improving my Bloc final project. I changed the domain to RankedBlogs.com and it now ranks blogs in multiple categories.

ranked-blogs

Update March 30, 2016: I am currently enrolled in Seattle University’s web development certificate program which is being funded 100% with the GI Bill. I am blogging about my experience at Seattle University here: http://www.charlessipe.com/web-development-certificate-review/

My Mentor
My mentor was Jason LaChapelle who works as a software engineer at Groupon. He was super helpful in helping me debug my JavaScript applications and getting unstuck. He was very responsive most of the time despite working a full-time job.

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

{ 4 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. Bloc recently launched a Coding Bootcamp Cost Calculator that helps you estimate the cost of a 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)

Microsoft Virtual Academy

Net Ninja

New Boston

PHP Academy

Programmer’s Creed

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

Eloquent JavaScript – Book on learning JavaScript that you can read online for free.

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

Lynda – Tons of video courses on subjects like JavaScript, jQuery, CSS, Angular, and React. (~30/month).

Free Code Camp – Free online coding bootcamp for front-end and full stack.

Front-End Web Developer Nanodegree Udacity – 6-9 month program with support from a coach ($200/month). Course lectures are also available for free.

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 (~$5,000).

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

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

Salary Negotiation with Haseeb Qureshi – Haseeb explains how he was able to land a 250k salary at Airbnb after attending and teaching at a coding bootcamp.

Front-end Job Interview Questions Github

How We Hire The Frontside podcast

Finding a Job JavaScript Jabber

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 }

Learn to Code Resources for Military Veterans

by Charles Sipe on March 20, 2016

Operation Code – A non-profit organization that helps veterans learn to code and advocates for the GI Bill to be approved for code schools or coding bootcamps. They have an awesome Slack channel where you can chat with veterans who are learning to code or developers who can help you. They also provide scholarships to conferences so you can attend some developer conferences for free.

Treehouse – A large library of web development tutorial videos. Veterans can receive a discounted rate after sending in proof of service. Currently it is $9 per month for veterans. Just contact customer service and ask for the discounted veteran rate.

Lynda – A larger library of web development tutorial videos. Veterans can receive a free year of Lynda access by filling out this short form.

{ 0 comments }