Menú

Publishing: Accelerated Learning Blog

Hello, everyone!

I'm thrilled to welcome you to the new Web Development 3-class series. Embarking on the journey of crafting your very own website is both empowering and essential for establishing your digital presence, a highly valuable thing to have nowadays.

This project (which you'll also find in the HTML and CSS classes) showcases my version of the Class Project, which we will be building throughout the 3-class series. You can follow along as we work on an example blog website that includes a home page, an about page, a featured post page, and a contact page. As a sneak peek, here's a direct link to the example final project:

Example Bloghttps://tognete.github.io/web-dev-course-project/

Feel free to get creative and transform the website into anything you can think of to make the project your own. You could create a portfolio, a personal website, your own blog, or anything you like.

As you've likely noticed, this course revolves around publishing your website, which allows you to start your online presence and share ideas with others. We started this class on HTML basics, and while HTML on its own might not look that appealing, that's why we learned the basics of CSS in the second half of the class. We learned how to use CSS to add style to our websites. Finally, we conclude the class by learning about Git, GitHub, and GitHub pages, and use these tools to publish our websites on the web for the world to see.

For inspiration, below are some screenshots of the Class Project blog. I look forward to navigating through your website as well!

Home Page with navigation, header, content (links to blog posts), and footer:

Publishing: Accelerated Learning Blog - image 1 - student projectPublishing: Accelerated Learning Blog - image 2 - student projectPublishing: Accelerated Learning Blog - image 3 - student project

About Page with navigation, header, content (random text as an example), and footer:

Publishing: Accelerated Learning Blog - image 4 - student projectPublishing: Accelerated Learning Blog - image 5 - student project

Featured Post Page with navigation, header, content, and footer. Notice the elements in the content of the post: image, video, HTML table, etc.

Publishing: Accelerated Learning Blog - image 6 - student projectPublishing: Accelerated Learning Blog - image 7 - student projectPublishing: Accelerated Learning Blog - image 8 - student project

Contact Page with navigation, header, content (HTML form), and footer. Notice the elements in the content of the page: an HTML form with an exhaustive variety of possible form inputs. The form also has client-side validation!

Publishing: Accelerated Learning Blog - image 9 - student projectPublishing: Accelerated Learning Blog - image 10 - student project

Publishing: Accelerated Learning Blog - image 11 - student project