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.
What Will I Learn?
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.
Requirements
Some hands-on experience with basic HTML and CSS and a code editor. Basic file and folder skills for Mac or Windows.
Who is the target audience?
- 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.
Course Curriculum
| 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 | ||
FAQs
This course is for anyone who's interested in this topic and wants to learn more about it. This course will also help you gain potential professional skills.
No prior qualifications are needed to take this course.
You can study this course from wherever and whenever you want. You can study at your own pace and from any device. Just log in to your account from any device and start learning!
Yes, there is a test at the end of the course. Once you’ve completed all the modules of the course, you will have to give a multiple-choice test. The questions will be based on the topics of the modules you studied. And of course, you can take the test at any time, from any device and from anywhere you want.
Don’t worry if you fail the test, you can retake it as many times as you want.
You don’t have to wait a minute after your payment has been received, you can begin immediately. You will create your login details during the checkout process and we will also send you an email confirming your login details.
We make the payment process easy for you. You can either use your Visa, MasterCard, American Express, Solo cards or PayPal account to pay for the online course. We use the latest SSL encryption for all transactions, so your order is safe and secure.
After you complete the course, you’ll immediately receive a free printable PDF certificate. Hard Copy certificate is also available, and you can get one for just £9! You may have to wait for 3 to 9 days to get the hard copy certificate.
