Booking options
£25
£25
On-Demand course
3 hours 24 minutes
All levels
Go hands-on and create a fully functional, low-maintenance, modern responsive website using HTML5, CSS3, and JavaScript. No WordPress, no Bootstrap, no jQuery no libraries of any kind. Learn to share header, nav, and footer HTML code across web pages using PHP, which most web hosting providers include for free.
You'll learn to choose fonts, a color scheme, create a header, nav bar, and footer, make the site responsive so it looks and works as well on phones and mobile devices as it does on larger screens. Use free FontAwesome fonts to add social media icons and stylized lists to your site. Create your own media cards, and learn some tricks for modernizing your HTML form controls.
Create a modern responsive website using just HTML5, CSS3, and JavaScript - and perhaps a few lines of PHP code if you're like to share header, nav, and footer content across pages.
Some hands-on experience with basic HTML and CSS and a code editor. Basic file and folder skills for Mac or Windows.
People learning web development who want to focus on the core front-end languages HTML5, CSS3, and JavaScript WITHOUT Bootstrap, jQuery, or other libraries.
Beginning developers looking to create great, low-maintenance websites for themselves or others.
Developers who are looking for easy ways to share content, like header, nav, and footer HTML code, across pages.
Get Started | |||
What This is About | 00:05:00 | ||
Start Building | 00:18:00 | ||
Choose Your Fonts | 00:05:00 | ||
Choose Your Color Scheme | 00:05:00 | ||
Create the Nav Bar | 00:11:00 | ||
Add a Page Footer | 00:08:00 | ||
Beyond the Basic Structure | |||
Style the Body Content | 00:05:00 | ||
Make it Responsive | 00:10:00 | ||
Activate the Hamburger Menu | 00:17:00 | ||
Make it Professional with Animations | 00:04:00 | ||
Share Content Across Pages | |||
Why Share Content Across Pages? | 00:08:00 | ||
Install AMPPS - Windows | 00:11:00 | ||
Install AMPPS - Mac | 00:13:00 | ||
Break Out the Shared Content | 00:10:00 | ||
Professional-Grade Touches | |||
External JavaScript and Meta Tags | 00:07:00 | ||
Adding More Pages to the Site | 00:06:00 | ||
Highlight the Current Page in the Nav Bar | 00:14:00 | ||
More Body Text Styling | 00:10:00 | ||
Creating the Media Cards | 00:13:00 | ||
Styling Lists | 00:09:00 | ||
Styling Form Controls | 00:15:00 |
We understand more than anyone how important it is for yo...