timonwa / techroadmap Goto Github PK

Open Source. Roadmaps, articles, and useful resources to help you choose a career path, start your journey and grow in tech.

Home Page: https://techroadmap.vercel.app/

License: MIT License

CSS 0.73% JavaScript 96.41% SCSS 2.86%

opensource resources career-guide career-development tech first-timers-friendly good-first-issue javascript roadmap beginner-friendly

techroadmap's Introduction

Tech Roadmap

⭐ Please click the star above on this repo, it keeps me motivated. You can also follow TechRoadmap on Twitter.🙂

Tech Roadmap is a free online resource on careers in the tech industry. Anyone who wants to break or transition into the tech industry or has already broken into it can use these resources to choose and define their career path and learn about the skills needed to build themselves in the chosen career.

About The Project

Tech Roadmap lets you have access to collections of ebooks, videos, articles, guides, etc on different careers in the tech industry including no-code jobs. So if you are looking for resources either for yourself or someone else who is about to begin or start growing a tech career, then Tech Roadmap is the place to start.

These roadmaps or step-by-step guides are carefully curated for the different Tech Careers listed on our websites. The collections of resources are carefully arranged so that the learner has a guided learning path.

⬆ Back to Top

Project Status

Tech Roadmap is live and you can check out the list of available careers on our Careers Page.

More quality roadmap will be added on other Tech Careers over time. Anticipate! 😁

The project is built with ReactJs, NextJs, and Styled-Components.

⬆ Back to Top

Getting Started

Getting started is easy. Our website is easy to navigate with simplicity but quality as part of our goals.

But if you would like to fork the repository instead either for personal learning or to contribute to the project, then please follow the steps below:

Note: For contributing to this repo, please read our Code of Conduct and Contributing Guidelines before making any contributions.

⬆ Back to Top

Fork this repository

Fork this repository by clicking on the fork button at the top of this page. This will create a copy of this repository in your account.

Clone the repository

Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.

Open a terminal and run the following git command:

git clone "url you just copied"

where "URL you just copied" (without quotation marks) is the URL to this repository (your fork of this project). See the previous steps to obtain the URL.

For example:

git clone https://github.com/your-username/techroadmap.git

where your-username is your GitHub username. Here you're copying the contents of the Tech Roadmap repository on GitHub to your computer.

Create a branch

Change to the repository directory on your computer (if you are not already there):

cd techroadmap

Now create a branch using the git checkout command:

git checkout -b your-new-branch-name

For example:

git checkout -b addDesignRoadmap

Note: Let the name of the branch be descriptive of the changes you are about to make.

Run the React app

First of all, install all the dependencies needed to run the react app on your system successfully by using the command yarn:

yarn

After that, run the command yarn dev to view the app and any changes you might make in your browser.

yarn dev

Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.

Make necessary changes and commit those changes

Now go ahead and make the necessary contributions you want to make.

You can execute the command git status, to see the files you have made the changes to.

Add those changes to the branch you just created using the git add . command:

git add .

Now commit those changes using the git commit command:

git commit -m "Descriptive commit message on the changes you made."

Note: Ensure that there are no warnings or errors in your console before making any commits and pull requests.

Push changes to GitHub

Please before you push your codes to the repository make sure you pull from the repository, so the recent changes that have been made to the main repo can be reflected on your local machine. This is to avoid merge conflicts. Use the git command line git pull origin main

git pull origin main

and fix any merge conflicts you might have before pushing your changes.

Now push your changes using the command git push:

git push origin your-new-branch-name

replacing your-new-branch-name with the name of the branch you created earlier.

Submit your changes for review

If you go to your repository on GitHub, you'll see a Compare & Pull Request button. Click on that button.

Now submit the pull request.

Your changes or contributions will be reviewed and if ok, merged into the main branch of this project. You will get a notification email once the changes have been merged.

⬆ Back to Top

How to Get Help

If you need more help, feel free to send an email to [email protected].

⬆ Back to Top

Contributing

Remember, we encourage public contributions to this repository! So please read our Code of Conduct and Contributing Guidelines on how to go about it.

⬆ Back to Top

License

This project is licensed under the MIT License - see LICENSE.md file for details.

⬆ Back to Top

Contributors

⬆ Back to Top

techroadmap's People

Contributors

Stargazers

Watchers

Forkers

judy-n ipeavy anthonychinwe roshni-salpekar mohit1607 nigel0511 nagpalnitesh sri32jan stefanintech claudioasuncion roblevintennis anant-c peteradeojo boltultra tusharjagi techice senali-d sanzous joeyg61703 hondachan14 fluxstride iammatengo goutham-erram benjaminsanga symokevo designeralabi lumencodes roxie2003 ash9311 dangvu0502 ejiro-david amyyalex davecodesbug winniebosy p-rel vineetp6 lokytech5 sammy-code98 timonwa-tests mayank13579 fardeencodeiiest alexandra2888 atreay kaushikkundu itsgeekhokage manikantan-s saloni0512 drex72 luckydhingra maurojava fasakinhenry atuti warriorshop54

techroadmap's Issues

Backend Development Career Roadmap revisions

Note

When creating a pull request, ensure that you select the RoadmapsBranch as the branch you want to merge your pull request to.
Work on one section at a time and create a pull request. Once that is merged, you can go on with the second section revisions.

Sections that need revisions.

[Add Resource] Add Relevant Cheatsheets to the the present roadmaps.

Add Relevant cheatsheet documents for download to the the present roadmaps.

Currently, there are no cheatsheet for any of the roadmaps.

Current roadmaps that needs cheatsheets

Task

upload the relevant documents to their corresponding folder in the assets folder.
add the links to the cheatsheet sections on each page.

Things to Note

Read our contributing guidelines before making your contribution.
ensure the documents are relevant to that roadmap and not outdated but relevant to today use.
be as descriptive as possible when naming your links to the documents and include the name of the author if applicable.
Add the name of the Language before the link in brackets Eg (HTML)HTML Cheatsheets by Website Setup.
arrange the links in alphabetical order.
do not duplicate resources or sections.
follow the code format or template used.

Add 1 or 2 more video playlists on APIs in Frontend Development

Task

On the Front-end Dev page, add relevant front-end development playlists, preferably from YouTube, that are about APIs.

Things to Note

add only links that are relevant and useful to front-end development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

Create database to store all data on the website.

Create Database

To make the pages as clean as possible without looking clustered, to make the resource links easily maintainable.

Task

create a database folder to store all the .js files that will contain the links of all resources on the pages.
add a .js file for a list of careers path available, in progress and coming soon to the database and feed it to the home page and careers page.
add .js file for the MVPs list in the contribute page to the database and feed it to the contribute page.

Add more Frontend bootcamps and Internships

Frontend Bootcamps and Internships

On the frontend development career page, there is a section called Bootcamps and Internships. Include more companies that offer bootcamps and internship opportunities on frontend development and give the corresponding label to it.
For example, the bootcamps can either be "Free" or "Not free" while the internships can either be "Paid" or "Unpaid".

Things to note

add only company links that are relevant and offer a frontend development program.
please follow the code format on the html page.
the maximum number of links per bootcamps/internship is 10.
the links should be arranged in alphabetical order.

Resources

View how to contribute to this repository.

Add more Bootcamps to to the Networking section in the Frontend/Backend Track

Please follow the format in the code.
View how to contribute to this repository.

Add relevant frontend articles on APIs

Task

On the Front-end Dev page, add relevant front-end development articles in the API section that talk about APIs. E.g., how to use it, understand it, etc.

Things to Note

add only articles that are relevant and useful to front-end development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

Add articles on Java to the Backend Dev Page

Task

add relevant articles on Java on the backend page.

Things to Note

add only articles that are relevant and useful to backend development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

[FEATURE] Add more Backend Frameworks

Add more Backend Languages Framework

Currently, there are only 3 backend frameworks added in the backend roadmap's page. More needs to be added.

Frameworks to be added

Task

create sections for each frameworks in the Frameworks.js file .
add relevant resources for each frameworks.

Things to Note

Read our contributing guidelines before making your contribution.
only one language per person per pull request.
be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
do not duplicate resources or sections.
follow the code format or template used.
include the link to the section in the Backend sidebar component file.

Add mentorship programs for each Career paths.

This section can be stand-alone or merged with the BootCamp and internship section.

[Enhancement] Change the hover color of the links in the footer.

Description
In the footer, the links that are color white, have a colour of pink, when you hover on them. The colour should be #d1dbe5 (greyish colour) when you hover on them.

Add articles on C# to the Backend Dev Page

Task

add relevant articles on C# in the backend page.

Things to Note

add only articles that are relevant and useful to backend development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

Add more Internships and Mentorship programs to the Networking section in the Frontend/Backend Track

Please follow the format in the code.
View how to contribute to this repository.

Add relevant frontend articles on JSON

Task

add relevant articles in this section that talk about JSON. E.g., how to use it, understand it, etc.

Things to Note

add only articles that are relevant and useful to front-end development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

[FEATURE] Add more Database Languages

Add more Database Languages

The database section in the backend roadmap page is divided into two; Relational and Non-Relational. Currently only one language is present for each.

Languages to be added

Relational Database
- PostgreSQL
- Microsoft SQL Server
- Oracle
- SQLite
- MariaDB
Non-Relational Database
- CouchDB
- Firestore

Task

create sections for each languages in the Database.js file .
add relevant resources for each frameworks.

Things to Note

Read our contributing guidelines before making your contribution.
only one language per person per pull request.
be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
do not duplicate resources or sections.
follow the code format or template used.
include the link to the section in the Backend sidebar component file.

Add more Tech communities to the Networking section in the Frontend/Backend Track

Please follow the format in the code.
View how to contribute to this repository.

[FEATURE] Side menu in careers page doesn't close when the user clicks outside the menu.

Is your feature request related to a problem? Please describe.
When a user opens the side menu on the careers page, if they click on other parts of the page that is not the side menu, the side menu should close.

[FEATURE] Add transition animation to all hover effects on the website.

Is your feature request related to a problem? Please describe.
When you hover over any of the links on the website, there is no transition from one colour to the other.

Describe the solution you'd like
I would like for them to have a nice transition from one colour to another when a user hovers over any of the links.

Links by categories:

the Nav links
the links in the Footer
the links in the Open Source Section found on all the pages
the cards in the Careers in Tech Section found on the home and careers page
the resource links found in all the sections
the pink links in the paragraphs

Example:

a {
  color: white;
  transition: color 500ms ease-in-out;
  }

a:hover {
  color: grey;
  }

Find links to resources on CSS animations here: https://www.techroadmap.xyz/careers/frontend#css-advanced

[Add Resources] Add relevant free ebooks each roadmaps

Add Relevant free ebooks for download to the the present roadmaps.

Currently, there are no free books for any of the roadmaps.

Current roadmaps that needs free ebooks

Task

upload the relevant documents to their corresponding folder in the assets folder.
add the links to the Books sections on each page.

Things to Note

Read our contributing guidelines before making your contribution.
ensure the books are relevant to that roadmap and not outdated but relevant to today use.
be as descriptive as possible when naming your links to the books and include the name of the author.
Add the name of the Language before the link in brackets Eg (JavaScript) Eloquent Javascript: A Modern Introduction to Programming by Marijn Haverbeke. 3rd edition.
arrange the links in alphabetical order.
do not duplicate resources or sections.
follow the code format or template used.

Add Material UI to the list of CSS Frameworks/Libraries

Things to Note

add only links that are relevant to Material UI.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

[Roadmap] Adding Machine Learning roadmap

I would like to add Machine Learning Roadmap to this project.

Add resources that talk about choosing a career in tech.

Add Resource to Career page

On the Careers page, there is a section with the title Learn About the Tech Careers. Currently, there are only 2 resources covering that and we need more to add to it.

Task

2 to 3 relevant YouTube videos that talk about the different careers in tech.
2 to 3 relevant YouTube videos that talk about the different no code careers in tech.
2 to 3 relevant YouTube videos that talk about how to choose a career in tech
1 more relevant article that talks about the different career opportunities in tech.
1 to 2 relevant articles that talk about how to choose a tech career.

Things to note:

when adding your links, the resources on the different careers in tech must come before the resources on how to choose a career in tech in each subsection.
only add videos or articles that are relevant and useful.
you can only choose a maximum of 2 tasks from the above, this is to allow others to contribute to this project.
please be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. "21 no-code tech jobs you can do to become a tech sis or tech bro. ~ Timonwa"

Resources

View how to contribute to this repository.

Create a Table of Content for the Readme.md

Add Table of Content

Create a Table of Content for the Readme file which also serves as a link to the corresponding sections in the file such that when the user clicks on one of the links, it will take them directly to that section in the Readme file.

Also, add a Back to Top link at the end of each section. This link will take the user back to the table of content.

The table of content should be placed immediately above the About Project section.

This issue is divided into 2 Tasks and you can only do one per pull request.

Task 1

create a Table of Content for the Readme file.
each item in the Table of Content should link to each section when the user clicks on it.
the table of content should be placed immediately before the About Project section.

Task 2

create a Back to Top link directly below each section.
the Back to Top should take the user back to the Table of Content.

Resources.

View how to contribute to this repository.
Learn how to use markdown.

Add relevant resources on Html and CSS to the Html and Css (Beginner's Level) section in the Frontend Track

Add Relevant Links

Under the Html and Css (Beginner's Level) section in the frontend development page, the Others category is missing relevant links on dev tools, tricks, chrome extensions, etc.

Task

Add relevant links about useful dev tools, chrome extensions, tricks, or cool ways or examples to use the tools or languages in each section's others category.
Please be sure to be detailed when naming the links and include the name of the author of the article, video, or website. eg 'Top 10 chrome extensions for frontend development. ~ John Doe [Article]' or 'CSS code examples ~ FreeFrontend [Link]'
Always attach the name of the author.
Confirm that the link has not already been added.
Please follow the code format or template used.
Always attach a badge to the links. Examples of badges are: Video, Playlist, Article, Link, Documentation, Website, etc.

Resources

View how to contribute to this repository.

Add relevant resources on Javascript to the Javascript section in the Frontend Track

Add Relevant Links

Under the javascript section in the frontend development page, the Others category is missing relevant links on dev tools, tricks, chrome extensions, etc.

Task

Add relevant links about useful dev tools, chrome extensions, tricks, or cool ways or examples to use the tools or languages in the others category.
Please be sure to be detailed when naming the links and include the name of the author of the article, video, or website. eg 'Top 10 chrome extensions for frontend development. ~ John Doe [Article]' or 'CSS code examples ~ FreeFrontend [Link]'
Always attach the name of the author.
Confirm that the link has not already been added.
Please follow the code format or template used.
Always attach a badge to the links. Examples of badges are: Video, Playlist, Article, Link, Documentation, Website, etc.

Resources

View how to contribute to this repository.

[Bug] Tools Badge not properly styled in Html and CSS Advanced section in Frontend Page.

Describe the bug
The Tools badge is not styled correctly in the Others subsection in Html and CSS Advanced section on the Frontend Page. https://www.techroadmap.xyz/careers/frontend#css-advanced

Screenshots
It looks like this:

It should look like this:

Add articles on C++ to the Backend Dev Pag

Task

add relevant articles on C++ on the backend page.

Things to Note

add only articles that are relevant and useful to backend development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

Add relevant articles on Javascript to the Javascript section in the Frontend Track

Task

add relevant articles in this section that discuss a concept or particular topic. For example, in the API section, you can add an article to the article list on 'Promises in JavaScript' or 'Knowing the difference between var, let and const' in the JavaScript section article list.

Things to Note

add only articles that are relevant and useful to front-end development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
confirm that the article has not already been added.
follow the code format or template used.

Resources

View how to contribute to this repository.

[Add Resources] Add C# IDEs specific to .NET developers

Task

The C# section of the backend roadmap is missing well-rounded and suitable IDE for .NET devs. It will be good to add this in order for beginners to not have a hard time choosing the best IDE for themselves.

Add video or article on how to use BitBucket.

On the frontend development career page, there is a section called Version Control. One of the list called BitBucket is missing links to articles or videos how how to use it.

Task

add a maximum of 2 relevant videos on how to use BitBucket.
add a maximum of 2 relevant articles on how to use BitBucket.

Things to note:

only add videos or articles that are relevant and useful.
please be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. "21 no-code tech jobs you can do to become a tech sis or tech bro. ~ Timonwa"

Resources

View how to contribute to this repository.

Link to GitHub website and other version controls are missing.

Add website/download/documentation link.

On the frontend development career page, there is a section called Version Control. For each list, the links to their website, documentation and download link if applicable are missing.

List

Task

For the above list,

add link to the website of the service with the name of the link saved as "Website".
add link to the documentations page of the service with the name of the link saved as "Documentation".
add link to the download page of the service if applicable with the name of the link saved as "Download here".
include a badge for each link, with the label of the badge set to 'Link'. (view examples of the badge on the links in this section.)
Things to Note
the website link must come first,
the download link must come second,
and the documentations page link must come third on the list.
please follow the code format/template on the html page.

Resources

View how to contribute to this repository.

Frontend Internship links not properly arranged.

On the Frontend careers page, there is a section called Bootcamps and Internships, the links in the internship subsection are currently not arranged in alphabetical order. Please arrange them alphabetically.

Resources

View how to contribute to this repository.

[Add Resources] Add relevant frontend articles to the sections in the frontend development page.

Add Relevant Articles

The following sections in the frontend development page are missing articles related to that section.

Sections

Html and CSS (Beginner's Level)
Html and CSS (Advanced Level)
JavaScript
JavaScript (Advanced)
Json

Task

add relevant articles that discusses about a concept or particular topic in that section. For example in the API section, you can add an article to the article list on 'Promises in JavaScript' or 'Knowing the difference between var, let and const' in the JavaScript section article list.

Things to Note

add only articles that are relevant and useful to frontend development.
be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
confirm that the article has not already been added.
follow the code format or template used.

Resources

View how to contribute to this repository.

Update SideHustle.ng internship link and name

Task

In the Networking section for both Frontend and Backend track, in the Internships and Mentoring part, SideHustle.ng has rebranded. Update the link and name.

Resources

View how to contribute to this repository.

[FEATURE] Add Hover state on the Side bar links

Is your feature request related to a problem? Please describe.
When a user hovers over any of the links in the side menu on the careers page, there is no hover effect on the link.

Describe the solution you'd like
A hover effect should be on the link in the sidebar menu on the careers page. For example, the colour changes to a lighter colour, the links move slightly to the left or right, etc.

Additional context
Please tell us how you would like to style this hover state before making the changes.

Add relevant resources to the Javascript Advanced section in the Frontend Track

Add Relevant Links

Under the Javascript Advanced section in the frontend development page, the Others category is missing relevant links on dev tools, tricks, chrome extensions, etc.

Task

Add relevant links about useful dev tools, chrome extensions, tricks, or cool ways or examples to use the tools or languages in the others category.
Please be sure to be detailed when naming the links and include the name of the author of the article, video, or website. eg 'Top 10 chrome extensions for frontend development. ~ John Doe [Article]' or 'CSS code examples ~ FreeFrontend [Link]'
Always attach the name of the author.
Confirm that the link has not already been added.
Please follow the code format or template used.
Always attach a badge to the links. Examples of badges are: Video, Playlist, Article, Link, Documentation, Website, etc.

Resources

View how to contribute to this repository.

[FEATURE] Create community section

Create new community section in the main page, include community resources such as Stack Overflow, Reddit and Quora.

Create community section in main page.
Add nav-link to the side menu.
Add community resources link under community section.
Add relevant badge to links added.

Add relevant articles on Html and CSS to the Html and Css (Advanced Level) section in the Frontend Track

Task

add relevant articles in this section that discuss a concept or particular topic. For example, in the API section, you can add an article to the article list on 'Promises in JavaScript' or 'Knowing the difference between var, let and const' in the JavaScript section article list.

Things to Note

add only articles that are relevant and useful to front-end development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
confirm that the article has not already been added.
follow the code format or template used.

Resources

View how to contribute to this repository.

Fix accessibility issues on the site

Describe the bug
-Some of the links do not contain accessible texts to describe purpose or functionality.

Low color contrast on link elements
Redundant links amongst many other issues

To Reproduce
Steps to reproduce the behavior:

Go to wave and run the test tool
See error

Expected behavior

Accessible names that describe the purpose so that people using assistive technologies can understand the content.
Users with low vision can interact with the links at ease.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Windows
Browser: Firefox
Version :109

##Kindly assign me these issues for fixing.Thanks

[FEATURE] Add more Backend Languages and resources

Add more Backend Languages

Currently, there are only 2 languages added in the backend roadmap's page. More needs to be added.

Languages to be added

Task

create sections for each languages in the BackendLangs.js file .
add relevant resources to the subsections for each languages.

Things to Note

Read our contributing guidelines before making your contribution.
only one language per person per pull request.
if you don't have resources to all the subsections in the language section that is fine, add the ones you know.
be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
do not duplicate resources or sections.
follow the code format or template used.
include the link to the section in the Backend sidebar component file.

[Roadmap] Add Blockchain Developer Roadmap

I Visit your website and found there is No roadmap of blockchain developer

I think blockchain developers very popular and attactive career path

I am new in opensource, I know the Roadmap of Blockchain Developer ,
So can i contribute in your project .

Add relevant articles to the Javascript Advanced section in the Frontend Track

Task

add relevant articles in this section that discuss a concept or particular topic. For example, in the API section, you can add an article to the article list on 'Promises in JavaScript' or 'Knowing the difference between var, let and const' in the JavaScript section article list.

Things to Note

add only articles that are relevant and useful to front-end development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
confirm that the article has not already been added.
follow the code format or template used.

Resources

View how to contribute to this repository.

Add relevant articles on Html and CSS to the Html and Css (Beginner's Level) section in the Frontend Track

Task

add relevant articles in this section that discuss a concept or particular topic. For example in the API section, you can add an article to the article list on 'Promises in JavaScript' or 'Knowing the difference between var, let and const' in the JavaScript section article list.

Things to Note

add only articles that are relevant and useful to frontend development.
be as descriptive as possible when naming your links and do not forget to include the author or creator of the content.
Eg. 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
confirm that the article has not already been added.
follow the code format or template used.

Resources

View how to contribute to this repository.

Add articles on C language to the Backend Dev Page

Task

add relevant articles on C language in the backend page.

Things to Note

add only articles that are relevant and useful to backend development.
be as descriptive as possible when naming your links, and do not forget to include the author or creator of the content.
E.g., 'Build a food recipe app with fetch API and vanilla JavaScript. ~ GeetProbin'.
follow the code format or template used.

Resources

View how to contribute to this repository.

[Add Resources] Add relevant links on tools, tricks, etc to the backend languages in the backend development page.

Add Relevant Links

The following languages in the backend development page are missing resources on tools, tricks, chrome extensions, etc.

Sections

Node.js
Python
C

Task

Add relevant links about useful dev tools, chrome extensions, tricks, or cool ways or examples to use the tools or languages in each section's others category.
Please be sure to be detailed when naming the links and include the name of the author of the article, video, or website. eg 'Top 10 chrome extensions for backend development. ~ John Doe [Article]' or 'CSS code examples ~ FreeFrontend [Link]'
Always attach the name of the author.
Confirm that the link has not already been added.
Please follow the code format or template used.
Always attach a badge to the links. Examples of badges are: Video, Playlist, Article, Link, Documentation, Website, etc.

Resources

View how to contribute to this repository.

[BUG] One of the Backend Mobile App listed is not properly styled.

Describe the bug
In the Code Editors section on the Backend career page, one of the apps listed in the Mobile apps subsection, Code Editor is styled as a subheading instead of a listed item.

To Reproduce
You can go to the Backend career page, scroll to the Code Editor section, then the Mobile App subsection or view it here: https://www.techroadmap.xyz/careers/backend#mobile-apps.

Expected behaviour
The Code Editor should have the same styling as the Dcoder or Visual Code.

Screenshots

[STYLING]

The mouse pointer does not change for some links like the Table of content, and the scroll bar is hard to see

A better styling for mouse hovers on links and buttons and styling for the scroll bar.

Change/add properties for when links are hovered on like a color shade or change the pointer, and give the vertical scroll bar a different color.

The links on the navbar may use better styling, links like Table of content need an indication to show they are links not just texts, scroll bar needs a distinction to be noticeable.

Add table of content to the Contributing.md

Add Table of Content

Add a Table of Content for the Contributing file which also serves as a link to the corresponding sections in the file such that when the user clicks on one of the links, it will take them directly to that section in the Contributing file.

Task

create a Table of Content for the Contributions.md.
each item in the Table of Content should link to each section when the user clicks on it.
the table of content should be placed immediately before the No Code Contributions section.

Resources.

View how to contribute to this repository.
Learn how to use markdown.