Creating GitHub Portfolios

Creating GitHub Portfolios

1h 9mIntermediate2023-10-02

Authors

Leigh Lawhon

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

Introduction

  • Are you a developer looking for a portfolio
  • What you should know

Preparing Your Portfolio

  • Purpose of a portfolio
  • Using Jekyll
  • Going live on GitHub
  • Components of Jekyll

Customizing Your Site

  • Writing a bio
  • Adding skills
  • Site design
  • Customizing your theme with CSS and JavaScript
  • Challenge - Adding navigation and pages
  • Solution - Adding navigation and pages

Adding Articles and Projects

  • Building layouts
  • Adding tags and SEO
  • Add images and search
  • Project writeups and articles
  • Challenge - Add articles and work
  • Solution - Add articles and work

Adding Codes and Projects to Your Portfolio

  • Working in Codespaces - Shuffling cards
  • Working in Codespaces - Piece of cake
  • Challenge - Adding a React app to Codespaces
  • Solution - Adding a React app to Codespaces

Conclusion

  • Continue adding projects
40,000 Toman