Course Description
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.
-
What This is About00:05:00
-
Start Building00:18:00
-
Choose Your Fonts00:05:00
-
Choose Your Color Scheme00:05:00
-
Create the Nav Bar00:11:00
-
Add a Page Footer00:08:00
-
Style the Body Content00:05:00
-
Make it Responsive00:10:00
-
Activate the Hamburger Menu00:17:00
-
Make it Professional with Animations00:04:00
-
Why Share Content Across Pages?00:08:00
-
Install AMPPS – Windows00:11:00
-
Install AMPPS – Mac00:13:00
-
Break Out the Shared Content00:10:00
-
External JavaScript and Meta Tags00:07:00
-
Adding More Pages to the Site00:06:00
-
Highlight the Current Page in the Nav Bar00:14:00
-
More Body Text Styling00:10:00
-
Creating the Media Cards00:13:00
-
Styling Lists00:09:00
-
Styling Form Controls00:15:00
Course Reviews
No Reviews found for this course.