Creator’s Corner: William Vuong | Intro to Web Development | Week Four

By Mauricio Poveda February 17, 2015
Share

Creator's Corner: William Vuong | Intro to Web Development | Week Four

We all know the saying that everything looks better in retrospect and as we wrap up week 4, I’m completely in awe at what we all have been able to accomplish. I started this program not knowing what to expect since I’ve been independently learning HTML/CSS, and I wouldn’t be able to be where I am without the help of the great team at BrainStation.

Foundation:

The end of week 4, in my opinion, really sets up the stage for what we’ll be covering in the next two months. In the first couple of weeks, the team at BrainStation ensured we understood the underpinnings of HTML: a bit of responsive design, how to stylize all web elements, and the box model – everything in a website is embedded in a box, just styled differently, but what makes this week so significantly different? Let me introduce you to my friend twitter bootstrap.

Twitter Bootstrap:

You’re probably thinking, what is this and why is it important? Bootstrap is a free collection of front-end development tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. This is important because we know, over the last couple of weeks, how time consuming it takes to set-up content and then style It. With Bootstrap, you’re given a visual reference to what buttons, forms, column, etc would look like and you can access the mark-up and css and drop it right into your text editor. Perfect! What’s also great is that most of the CSS stylizing also includes responsive design elements for mobile and tablets.

As I worked through the assignment to build a multi-page website from Bootstrap elements, I thought to myself “Why did I even learn the earlier material, I can just copy and paste these elements into a text editor and look, I can have a beautiful and responsive website”. As I began to reflect on this a bit more, what I came to realize is that bootstrap is more of a framework and you’ll have to know a bit of html and css to style the bootstrap elements to your preference – bootstrap isn’t perfect, but it makes coding A LOT faster when someone else has written the code for you.

We’ve only scratched the surface with Bootstrap and I’m excited to see what the next couple of weeks will bring!