computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
209 lines
8.3 KiB
209 lines
8.3 KiB
--- |
|
import BaseLayout from '../layouts/BaseLayout.astro'; |
|
import { getRepositoryRank } from '../lib/github.ts'; |
|
|
|
const repoRank = await getRepositoryRank('kamranahmedse/developer-roadmap'); |
|
--- |
|
|
|
<BaseLayout title='About roadmap.sh' permalink={'/about'}> |
|
<div class='bg-white border-b pt-7 pb-7 sm:pt-12 sm:pb-10'> |
|
<div class='container'> |
|
<div class='flex items-center'> |
|
<img |
|
style='--aspect-ratio:170/170' |
|
src='/authors/kamran.jpeg' |
|
class='h-[170px] w-[170px] rounded-full mr-6 hidden sm:block' |
|
alt='Kamran Ahmed' |
|
/> |
|
<div> |
|
<h1 class='text-3xl sm:text-4xl mb-3 font-bold'> |
|
<span class='hidden sm:inline'>Hello,</span> I am Kamran Ahmed |
|
</h1> |
|
<p class='text-gray-500 text-md mb-5'> |
|
I created roadmap.sh to help developers find their path if they are |
|
confused and help them learn and grow in their career. |
|
</p> |
|
<p class='flex flex-col sm:flex-row gap-1.5'> |
|
<a |
|
class='bg-blue-600 hover:bg-blue-700 font-medium text-white px-2 py-1.5 rounded-md inline-flex items-center' |
|
target='_blank' |
|
href='https://twitter.com/kamrify' |
|
> |
|
<span class='ml-1.5 mr-1'>@kamrify</span> |
|
</a> |
|
<a |
|
class='bg-gray-500 hover:bg-gray-700 font-medium text-white px-3 py-1.5 rounded-md inline-flex items-center' |
|
target='_blank' |
|
href='mailto:kamranahmed.se@gmail.com' |
|
> |
|
kamranahmed.se@gmail.com |
|
</a> |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class='bg-gray-50 py-7 sm:py-10'> |
|
<div class='container'> |
|
<main id='main-content'> |
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'>What is roadmap.sh?</h2> |
|
<p class='mb-3'> |
|
<span class='font-bold'>roadmap.sh</span> contains community-curated |
|
roadmaps, study plans, paths, and resources for developers. There are |
|
role-based roadmaps, listing skills you should know for any given role, as |
|
well as skill-based roadmaps listing items to learn for any given skill. |
|
</p> |
|
<p class='mb-3'> |
|
It started as a set of <a |
|
href='https://github.com/kamranahmedse/developer-roadmap' |
|
class='font-bold underline' |
|
target='_blank'>visual charts on GitHub</a |
|
> to guide developers who are confused about what they should learn |
|
next, but then expanded into interactive roadmaps where you can click |
|
and get resources to learn any given resource, contribute by adding new |
|
roadmaps, suggest changes to existing roadmaps, track your progress as |
|
you follow a roadmap and so on. |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'>How are roadmaps created?</h2> |
|
<p class='mb-3'> |
|
The project has a strong community that powers everything on the |
|
website. It is <a |
|
href='https://github.com/search?o=desc&q=stars%3A%3E100000&s=stars&type=Repositories' |
|
target='_blank' |
|
class='font-bold underline' |
|
>the {repoRank} most starred opensource project on GitHub</a |
|
> and gets visited by hundreds of thousands of developers every month. |
|
We also have newsletter with 150,000+ developers. All the roadmaps are |
|
created and reviewed by community and several subject matter experts. |
|
Also, anyone can suggest changes to any roadmap and we have a process |
|
to review and approve them. |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'> |
|
What are the plans for roadmap.sh? |
|
</h2> |
|
<p class='mb-3'> |
|
Our long-term plan is to make roadmap.sh a go-to place for |
|
developers whenever they plan on learning something new. We started |
|
with roadmaps, guides, videos and other visual content but we plan |
|
on introducing best practices, best-practices for certain tasks, quizzes |
|
to test your knowledge and prepare yourself for the interviews, |
|
project ideas to work on while following the roadmaps, public |
|
profiles to share your progress and interact with the other learners |
|
and so on. |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'>How is roadmap.sh built?</h2> |
|
<p class='mb-3'> |
|
The website is built with <a |
|
href='https://astro.build/' |
|
class='font-bold underline' |
|
target='_blank' |
|
rel='nofollow'>Astro</a |
|
> and <a |
|
href='https://tailwindcss.com/' |
|
class='font-bold underline' |
|
target='_blank' |
|
rel='nofollow'>Tailwind</a |
|
> and is deployed to <a |
|
href='https://pages.github.com/' |
|
class='font-bold underline' |
|
target='_blank' |
|
rel='nofollow'>GitHub pages</a |
|
>. The project is open-core and the codebase |
|
<a |
|
href='https://github.com/kamranahmedse/developer-roadmap' |
|
class='font-bold underline' |
|
target='_blank'>can be found on GitHub</a |
|
> |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'>How can I add a new roadmap?</h2> |
|
<p class='mb-3'> |
|
For new roadmaps, please open an issue with the textual description |
|
of the roadmap in the form of bulleted list. Here is an <a |
|
target='_blank' |
|
class='font-bold underline' |
|
href='https://github.com/kamranahmedse/developer-roadmap/issues/1387#issue-1329276631' |
|
>example contribution of a new roadmap</a |
|
>. |
|
</p> |
|
<p class='mb-3'> |
|
Find more details in the <a |
|
href='https://github.com/kamranahmedse/developer-roadmap/blob/master/contributing.md' |
|
class='font-bold underline' |
|
target='_blank'>contribution docs</a |
|
>. |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'> |
|
How can I update an existing roadmap? |
|
</h2> |
|
<p class='mb-3'> |
|
Please have a look at the <a |
|
href='https://github.com/kamranahmedse/developer-roadmap/blob/master/contributing.md' |
|
class='font-bold underline' |
|
target='_blank'>contribution docs</a |
|
> for details. |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'> |
|
How can I add content to existing roadmaps? |
|
</h2> |
|
<p class='mb-3'> |
|
Please have a look at the <a |
|
href='https://github.com/kamranahmedse/developer-roadmap/blob/master/contributing.md' |
|
class='font-bold underline' |
|
target='_blank'>contribution docs</a |
|
> for details. |
|
</p> |
|
</div> |
|
|
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'> |
|
Can I redistribute the content? |
|
</h2> |
|
<p> |
|
No, the license of the content on this website does not allow you to |
|
redistribute any of the content on this website anywhere. You can |
|
use it for personal use or share the link to the content if you have |
|
to but redistribution is not allowed. |
|
</p> |
|
</div> |
|
<div class='mb-5'> |
|
<h2 class='text-2xl font-bold mb-2'> |
|
What is the best way to contact you? |
|
</h2> |
|
<p> |
|
Tweet or send me a message <a |
|
class='underline font-bold' |
|
href='https://twitter.com/kamrify' |
|
target='_blank'>@kamrify</a |
|
> or email me at |
|
<a |
|
class='underline font-bold' |
|
href='mailto:kamranahmed.se@gmail.com' |
|
target='_blank'>kamranahmed.se@gmail.com</a |
|
>. I get lots of messages so apologies in advance if you don't hear |
|
back from me soon but I do reply to everyone. |
|
</p> |
|
</div> |
|
</main> |
|
</div> |
|
</div> |
|
</BaseLayout>
|
|
|