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 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
-
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
-
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
-
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
Course Reviews
No Reviews found for this course.