
Check out my student Facebook Group...
It's a great place to get fast support for this course from me, to interact with other students, to post your projects and code, and to access course announcements and extras...
Join Now!
https://www.facebook.com/groups/codemycom/
Sign up and sign in to cloud nine, create a blank workspace, and spin up a cloud Linux server for your HTML and CSS project in an online text editor.
Add images with the image tag and a src path, using optional width or height. Create links with anchor tags and anchor text, and open pages in new tabs.
learn two ways to install bootstrap: download and manually add files or link to bootstrap via your html head, then include the bootstrap css and javascript references on every page.
Create a top navigation bar for a resume site using bootstrap, copy the nav components, fix the javascript link for dropdowns, and customize links between the index and about pages.
Learn to build a resume layout using bootstrap's 12-column grid, creating two-column panels with col-md-8 and col-md-4, and apply p tags, em, and strong for justified text.
learn how to find and use free html templates, download and unzip a zip package, inspect the assets folder, and prepare the template for your development environment.
Tweak the skills section by adjusting progress bars and labels, replace portfolio images, customize the footer and social links, and publish a polished resume-style website using a free template.
Learn how to use git for version control, initialize a repository, commit changes, and push your web project to a free Heroku host for online deployment.
Sign up for a free Heroku account and deploy a web app, noting that the free tier sleeps after 30 minutes and you can upgrade Danos for more traffic.
Push your code from c9 to Heroku, rename your app, and verify deployment while handling procfile and composer.json requirements for a live production site.
Register a custom domain from Namecheap or another registrar. Point it to your Heroku app by adding the domain in Heroku settings and updating DNS records at the registrar.
In this course we'll build two resume portfolio type websites. The first one we'll build using HTML and the Bootstrap CSS Framework. The second one we'll build using a free HTML template that we'll download from the Internet.
We'll start the course out by learning the basics of HTML. You'll learn about basic HTML structure, and then some common HTML tags. We won't dive too deep into HTML because we'll be using frameworks and templates throughout the course. You'll learn just enough HTML to be dangerous!
After that we'll learn all about the popular Bootstrap CSS Framework.
Armed with this knowledge, we'll create our first Resume Website (a website where you can post your Resume).
Next we'll learn how to find and use paid and free HTML templates. We'll download a free one and install it into our development environment. Then we'll tweak it to add our own information, text, and images.
Finally I'll show you how to push all your code up to a professional webhost (one that doesn't cost any money!) and get a custom domain name set up.
This is a fun course aimed at the absolute beginner who doesn't know much or any HTML or CSS, and would like to create cool websites without much work.
I'll see you inside!