Front-End Bible - Contribute on Github and Learn

Without one of the most important things to have up and running when looking for potential new jobs as a developer is a Github account, and have a clue on version control and using Git.

I have noticed over the community some people are having trouble getting up and running with this, and perhaps feel intimidated contributing to large projects at such an early stage. This has in turn lead me to create a community project that everyone can feel free to get involved in and get practice in Github and learn the various benefits of the platform.

I have set up a repo called the “Front End Bible” mainly with the vision of having a large database of tricks and effects that people can add to their portfolios. Yes, it isn’t going to be breaking any boundaries, but hopefully this doesnt feel so intimidating for people with little experience to get involved in.

The link can be found here -->

As you can see, the layout is very simple. A folder for CSS and a folder for JS. As time goes on I will look (or be open to suggestions) to change this into a more database style structure. If you click on any of the files that are already there, you will see they contain the necessary snippets of code to get the effect up and running on your website.

All contributions will be welcomed no matter how big or small, and all contributors will be linked on the readme file. This is a good step up from the various Github tutorials that are out there, and gives you something to fork to your page and start commiting too.


Cool project! It’s really cool of you to set this up in order to help people get experience with Github :sparkles: :ok_hand:


Cheers buddy :slight_smile:

I think as a platform it is quite intimidating for those that are new to it. I still am nervous of actually contributing to anything of scale… hopefully one day soon! Yet it is so important!

I have seen practice repos, but some of the time they aren’t actually building anything of use.

I thought this would be a cool concept for people who were new, right through to more experienced folk. Maybe at some point it will grow past front-end, but who knows. The more the merrier!


I don’t have a contribution per se, but I’ve got a highly disorganized casserole of web development topics that I haven’t found in other study guides here. Feel free to clone, fork, copy and paste any of this information you want.


Well I love casserole mate so its all good! :slight_smile:

Thanks buddy… I will give it a read tomorrow.


Thanks for the contribution Jeremy :slight_smile:

UPDATE: We now have a section to include interview questions and tips and also a section for reviews of courses/lectures and bootcamps.

1 Like

You’re welcome! Thank you for letting me contribute!

What do you think about including examples for these tricks/effects? When I made my contribution, I thought about putting a Codepen example URL in a comment, but I wasn’t sure if it was appropriate. I think being able to see what the tricks/effects would look like would be helpful, but I’m not sure the best way to implement such a thing (if you would want it implemented, of course).

1 Like

I have thought about it and you are right, it definitely needs an example…

If they are on a Codepen then that would be great! I will start linking mine across today.

I like the idea of this. I’m going to check out everything you guys have done and find a way to contribute.


Do you think this format is okay (see below), or did you have something else in mind?

Make links display on a web page with a gradient underline. Also, make that underline gradient expand to cover the link text when you hover your cursor over the link. 

See an example:

Yes please do buddy!

@jeremybbauer yes that format looks spot on! Thanks very much for getting involved mate. We have a number of people showing interest, I think the more it grows the more people will get involved with their own contributions.

I would be massively appreciative at some point if we could get a review/overview of the freecodecamp course by someone who has got some (or at least one) of the certs.


Awesome! I’m happy to help, and I appreciate the opportunity to contribute!

I think it would be great for a cert. holder to review freeCodeCamp. I’m still in the JavaScript section, or I’d be happy to do it myself. Maybe someday :crossed_fingers: .

1 Like

Looks cool. Will try to add you guys into anything we do with documenting git/GitHub courses etc on our own project

Will take a look.

Edit - added it as an issue:


I too am in the JavaScript section and I think it needs someone to do it justice in the review really.

@DarrenfJ thanks darren :ok_hand:


@RomchyFCC you know all my schtuff in our issues discussions about training guides?

We can just push all our training material for git/GitHub to this project, and link it on our support page.

We should do it as an issue, asking someone to add the link to their webpage git section as a link on our ‘resources’ markdown

I think I get what you are trying to say, that could be alright as it fits the theme of their project but that would mean that we create a click-ception on our part, we could do it, but without linking it our project.

We want to get people to click our project, see the quick todo list, go step by step and voila, first commit.
I wanted to refactor some of the readme to serve that purpose anyway, what do you think?

Or a special note like “for guides on git/github check out our friends’ @JABedford/Front-End-Bible code vault” in the readme if they want more concise instructions…


they all sound good… a click-ception guide for this project, links to it in ours, and a very basic in our to get people started… something like that

1 Like