Up until now we have (for the most part) coded using html, css, and js. We have built the layouts by writing code. You have to know how to write code to be a Web Designer / Developer.
Now we are going to switch focus a bit to using front-end frameworks for rapid development. Churn and burn those clients and jobs!
Front-end frameworks and libraries which can be used so we don’t have to reinvent the wheel each time we want to do a web project.
This is useful for many reasons including:
- The client we are working with isn’t paying us $40,000.00 to do a custom website. If your client is a small business who only has $1000-$2000, you need to find a way to rapidly develop and turn customers over, so a front end framework is good for this.
- A lot of the heavy lifting is already done. We are going to “use” the classes and CSS rules already created.
- It is consistent, it has been tested against different browsers, sizes, phones, etc. It “works”.
Front-end Frameworks may have negatives including:
- Boostrap sites can tend to (especially in the most default application) look the same.
- You are limited to the style structure of the framework, you aren’t as free to do anything you want without work-arounds.
- Your clients may be more cautious to giving you a lot of money for what some consider a “template” project.
Your project this week
The main elements of this project are going to be broken down into two areas of focus:
Focus #1: Learn Boostrap.
As we have talked about this year, the ability for you to learn on your own is going to be important as a 21st century worker. The internet can teach you most anything. Luckily for you, many companies want you to become practice and comfortable with their tools, so Bootstrap has a great set of learning tools to go through, both sponsored by the company and through third parties.
Focus #2: Build with Boostrap.
The first couple of assignments have been very prescribed of doing this or that, specific to a client. For this, I want you to explore at your own speed and interests. They also give you a great chance to mess up. You are in college. This is a 2 week college project. If you give this assignment a total of 45 minutes to learn and apply Boostrap then you aren’t going to do well – but you know this.
At a minimum I want a two page website so I can see how you create a multi-page setup.
You can choose to link to Boostrap in one of two ways:
- Download and upload Boostrap to your spot on the web server @ www.cawdvt.org.
- Link to the CDN for Boostrap.
What are you downloading? What is a CDN? Figure it out.
You are going to upload this project to your “webDev” folder to a folder called “week_05″. Upload your website to this folder (using an index.html). Make sure that you upload css / images folders and other assets.
- Assigned Wednesday, May 1st (at noon)
- Due Wednesday, May 15th (3pm)
Questions ask early. I do not help students the day the assignment is due. If I did this it would:
- Encourage a “last minute” work ethic.
- Take away from working with the other students because YOU are unorganized. We need to weed out the lazy, unmotivated people in our industry.
Check out the myriad of resources available out there. Here are two that I use for 99.9% of my questions.
There is also W3Schools, and it isn’t terrible, but not as robust as the others. You need something quick, don’t shy away from it, but the depth of the explanations and documentation is lacking.
Email me as well! You know I have no life.
Finally – welcome to college.