Skip to main content
Menu
CodeBabes
  • Create new account
  • Request new password

or

  • Sign in with Twitter
  • Code
  • Babes
  • Sign Up
  • Log In

Looks like you missed a quiz. Go back and pass that shit!


NO STRIP FOR YOU!

Share the Love

  • Tweet

Front End Web Development

Let’s talk front end, I don’t have a bad front end either right? Front end is all the stuff that makes the web look and feel sexy. We’re talking stuff like HTML, CSS and javascript.

This is your HTML (beat). This is your HTML in the browser (beat). And this is your HTML on CSS, like LSD for you webpage. Any questions?

HTML structures the content in a webpage, but CSS was created to give it a little more swag, it even stands for Cascading Style Swag. Just kidding. It’s actually Cascading Style Sheets.

HTML just isn’t that sexy by itself, so CSS makes it easy to change things like font size and color. CSS3, and HTML5 are the newest versions of HTML and CSS, and are so hot right now.

Then we’ve got Javascript. Every modern browser has javascript built in an it lets you do all kinds of cool stuff to make the web more interactive. Javascript is kind of a pain in the ass to write, so people use Javascript libraries, like jQUERY to make it easier. The javascript world is changing fast too, for two reasons. CSS3 and HTML5 are starting to do a lot of the cool ‘look and feel’ things javascript to do, and two, there’s new javascript frameworks and platforms, like Backbone and Node.js that are taking the language to the next level.

Now, you could start put all this together by yourself, but that’s reinventing the wheel. There are already frameworks and CMS systems to get a site up and running really fast. For the front end there’s HTML5 Boilerplate and Bootstrap that include all the best practice HTML, CSS and javascript. If you wanted a backend framework you can use Ruby on Rails, Django for Python and all kinds of different ones for PHP, like Yii or Zend.

Or you could use a CMS. CMS stands for Content management system. Two of the most popular ones are Wordpress and Drupal. They’re both written with PHP, but provide you pretty much everything you need out of the box to make a simple website with only a little knowledge of HTML, CSS and PHP.

Just explore your options, there’s always something out there to make your life easier. Easy is good. Remember, great programmers are lazy and never do more work than is necessary.

Next we’ll talk about the tools you’ll need on your computer to become the next internet bajillionaire. Like Zuckerberg, zoiks!

Questions or Comments?

Lessons

  • Backend Web Development
  • Front End Web Development
  • Tools you Need to Start Programming
  • Getting a Domain Name, Hosting and Publishing your Site!
Internet Virgin

Downloads

SignUp & Subscribe

Links to Awesomeness

HTML5 Boilerplate HTML5 Boilerplate
Bootstrap Bootstrap
HTML5 Rocks HTML5 Rocks
CSS3 & HTML5 AwesomeSauce CSS3 & HTML5 AwesomeSauce
jQuery jQuery
Wordpress Wordpress
Drupal Drupal

What the What?

Lessons: 41

Much more to come!

50/50 Entertainment and Education. Learning doesn't have to be boring :)

Our Philosophy

Contact

  • support
  • Tweets!
  • Youtube
  • Google Plus
  • Facebook

Stuff

  • Blog
  • Sign Up
  • All Babes
  • All Courses
  • Become a CodeBabe!
  • MAKE A LESSON WITH CODEBABES!

Recent Courses

Internet Virgin
SEO Virgin
HTML Virgin
CSS Virgin
Programming Virgin with Javascript

Learn to Code with Babes

Copyright © 2025 CodeBabes.com • Made with

  • Privacy Policy
  • Terms of Use
Close Menu
  • Blog

  • All Courses
  • Android Virgin
    • Android Studio Tour
    • App Layout in Android Studio
    • Java Variables, Java Data Types & Android Views
    • Java Event Handling in Android
    • Android Intents, OOP This, Variable Scope
    • Passing the Data with Android Intents & Finish
    • Complete the Android App with Launcher Icons & APK
    • Android Happy Ending
  • Internet Intro
    • Backend Development
    • Front End Web Development
    • Programming Tools you Need
    • Hosting and Domain Names
  • HTML Virgin
    • HTML Text Tags
    • HTML Links and Images
    • HTML Layout with HTML 5
    • HTML Tables
  • CSS Virgin
    • Where to Stick your CSS
    • CSS Properties, Sizes and Colors
    • CSS Selectors
    • CSS Box Model
  • Programming Virgin
    • Variables in Programming
    • Programming Intro Conditional Statements
    • Programming Intro to Arrays
    • Programming with Loops
    • Programming with Functions
  • PHP Virgin
    • PHP Variables
    • PHP Conditionals
    • PHP Arrays
    • PHP Loops
    • PHP Functions
  • SEO Virgin
    • Make Google Love You
    • Understanding Keyword SEO
    • Optimizing for SEO
    • Technical SEO