These free mini-courses will give you a strong foundation in web development. Track your progress and access advanced courses on HTML/CSS, Ruby and JavaScript for free inside our student portal.
Scroll down...
As we've said before, it is very important to take ownership of your web presence and having a simple and clear developer's website is the best way to do so. You can link to your blog, write your own story in your About page, and show off your portfolio. It's a chance to display your personality and capability completely on your own terms. It's also something of a Rite of Passage as a newly minted developer.
A personal site should not be complicated (at least not at this point) and should be just a single page. Your goal is simple: people searching for you should be able to see you and, later, your portfolio of work. Think of it as a creative resume.
The best way to get inspired is by looking around the web at personal websites. The point is to build something that's clean, simple, and useful.
Start by reading Why Every Job Seeker Should Have a Personal Website for inspiration and looking over the links in this Hacker News thread. Then scroll through the sites below.
Many of the sites you see on the web just use pre-configured themes -- and with good reason. That's all you should use for now as well! A good place to start is StartBootstrap, particularly their "Creative" theme.
If you have prior development experience, you can build your website from scratch. Otherwise, it's fine to use a convenient editor like Wordpress. Many students end up using a simple static site generator like one of the following:
Once you have chosen your platform, you will need to read through its documentation and learn how to use it. Welcome to development!
The point here is that it doesn't actually matter what platform you use. You can choose one which is basic in anticipation of ultimately building your own or you can choose to learn about a more complex one because it's a fun experience. What matters is that you get a basic landing page out on the web somehow.
Now get started on your new Internet home! The key thing is to get something basic out there, so you should start with just a single landing page with no frills. Only after this single page site is deployed should you move on and add any additional features.
Remember: A clean, simple page that looks good is far better than a complicated site that is a mess or half-finished.
Your site should contain:
mailto
link)Keep it simple! SIMPLE IS GOOD. Now build this very basic version of the site. Deploy it to your own domain (e.g. http://www.foobar.com).
Unless you have a strong opinion of how to lay out your site, just copy the layout used below. Some flavor of it is used in almost every effective junior developer's website. You don't get points for struggling to design your own site from the ground up!
Feel free to make your name a bolder "designer" font like Source Sans Pro (from Google Webfonts)
When you have deployed the basic version, add on a section with your portfolio and flesh out how to contact you. Use images as much as possible and make them click back to your Github for that project.
You can also include a link to your resume if LinkedIn isn't enough. Check out JSONResume.org for a series of resume themes and free hosting of them.