Creating GitHub Portfolios

1h 9mIntermediate2023-10-02

Authors

Leigh Lawhon

Front-End Developer, UX/UI Designer, Instructor, Author

Course details

Are you a developer looking to promote your work? In this course, Leigh Lawhon shows you how to build and showcase your work by building a portfolio site with GitHub Pages. Join Leigh to learn some design basics and how to utilize Codespaces to set up projects in minutes. She shows you how to use the site generator Jekyll, provides helpful coding samples, and an overview of what employers are looking for. Plus, learn how to support your work with visual and writing skills that complement your coding skills. If you want to show off the work you’ve done in a professional and easy to navigate site, join Leigh in this course.

Skills covered

GitVersion ControlGitHubSoftware Development ToolsLearningOpen SourceSoftware Development

Concepts

0. Introduction

01 - Are you a developer looking for a portfolio
02 - What you should know

1. Preparing Your Portfolio

03 - Purpose of a portfolio
04 - Using Jekyll
05 - Going live on GitHub
06 - Components of Jekyll

2. Customizing Your Site

07 - Writing a bio
08 - Adding skills
09 - Site design
10 - Customizing your theme with CSS and JavaScript
11 - Challenge - Adding navigation and pages
12 - Solution - Adding navigation and pages

3. Adding Articles and Projects

13 - Building layouts
14 - Adding tags and SEO
15 - Add images and search
16 - Project writeups and articles
17 - Challenge - Add articles and work
18 - Solution - Add articles and work

4. Adding Codes and Projects to Your Portfolio

19 - Working in Codespaces - Shuffling cards
20 - Working in Codespaces - Piece of cake
21 - Challenge - Adding a React app to Codespaces
22 - Solution - Adding a React app to Codespaces

Conclusion

23 - Continue adding projects