Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 9 Minute(s)
Language
English
Taught by
Ian Schoonover
Rating
3 views
Course Overview
Code and Deploy Your First Website
Want to create your own website but don't know where to start? In this 5-part video course, I'll teach you the basics of HTML and CSS by guiding you through building your own portfolio site from the ground up.
Before diving into code, I'll show you how to plan out your site using a free tool like Excalidraw to create a mockup. This crucial step will help you visualize your site's layout and design, making the coding process smoother and more efficient.
We'll then dive into structuring your site with semantic HTML and styling it with CSS to create a professional and visually appealing design. I'll introduce you to powerful layout techniques like Flexbox and CSS Grid, enabling you to create modern, responsive layouts in just a few lines of code.
By the end of the course, you'll have a fully functional portfolio showcasing your skills and projects. I'll even demonstrate how to add a working contact form and deploy your site for free using GitHub Pages, so it's live on the web and accessible to everyone.
You don't need any prior experience – just a willingness to learn and a desire to create something awesome. I'll provide all the tools and knowledge you need to get started with web development.
Join me on this exciting journey into HTML and CSS. Let's build your online presence together and take the first steps towards a rewarding hobby or career in web development. Ready to bring your digital dreams to life? Let's dive in!
Course Content
- 1 section(s)
- 5 lecture(s)
- Section 1 Introduction
What You’ll Learn
- Plan and design a professional portfolio website using a visual tool like Excalidraw to create a mockup and outline the site's structure and layout.
- Develop a working knowledge of HTML and CSS, including semantic HTML elements and fundamental CSS properties, to build and style web pages effectively.
- Implement modern, responsive layouts using Flexbox and CSS Grid techniques to create visually appealing and adaptive designs.
- Deploy your new website to the web using GitHub Pages, showcasing the skills and projects developed throughout the course.
Reviews
-
UUmaima Irfan Chughtai
very good
-
MMuhammad Ashraf Soomro
Amazing, above expectations!
-
MMirian Yungo
This was a great course to get started in web development. It has a good practical example and is also useful, I recommend it 100%.
