gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add youtube videos page

Browse Source
This commit is contained in:
Kamran Ahmed
2020-07-17 15:06:56 +04:00
parent 9e230a01a2
commit da39147539
5 changed files with 110 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/site-nav/index.js
View File

@ -11,8 +11,8 @@ const SiteNav = () => (
<div className='nav-links'>
<a href='/roadmaps'>Roadmaps</a>
<a href='/guides'>Guides</a>
<a href='/podcasts'>
Podcasts
<a href='/watch'>
Watch
<span className='new-item' />
</a>
</div>

8
pages/roadmaps.js
View File

@ -1,14 +1,12 @@
import { faPlus } from '@fortawesome/free-solid-svg-icons';
import { faCodeBranch, faEnvelope } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faEnvelope, faCodeBranch } from '@fortawesome/free-solid-svg-icons';
import DefaultLayout from 'layouts/default/index';
import SiteNav from 'components/site-nav';
import PageFooter from 'components/page-footer';
import PageHeader from 'components/page-header';
import roadmaps from "content/roadmaps";
import roadmaps from 'content/roadmaps';
import RowBlock from 'components/row-block';
import IconRowBlock from 'components/icon-row-block';
import siteConfig from "content/site";
import siteConfig from 'content/site';
import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
import Helmet from 'components/helmet';

83
pages/watch.js Normal file
View File

@ -0,0 +1,83 @@
import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import DefaultLayout from 'layouts/default/index';
import SiteNav from 'components/site-nav';
import PageFooter from 'components/page-footer';
import PageHeader from 'components/page-header';
import RowBlock from 'components/row-block';
import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
import Helmet from 'components/helmet';
import { faYoutube } from '@fortawesome/free-brands-svg-icons';
const WatchList = () => (
<DefaultLayout>
<Helmet title='Watch' desciption='List of videos published on our youtube channel so far' />
<SiteNav />
<div className="container">
<PageHeader
title={'Watch'}
subtitle={'List of videos published on our youtube channel so far'}>
<BadgesList className="mt-4">
<BadgeLink href='https://www.youtube.com/channel/UCA0H2KIWgWTwpTFjSxp0now?sub_confirmation=1' target="_blank">
<SecondaryBadge>
<FontAwesomeIcon icon={faYoutube}/>
YouTube Channel
</SecondaryBadge>
</BadgeLink>
<BadgeLink href="/signup">
<PrimaryBadge>
<FontAwesomeIcon icon={faEnvelope}/>
Send me Updates
</PrimaryBadge>
</BadgeLink>
</BadgesList>
</PageHeader>
</div>
<div className="pt-5 pb-5 bg-light border-top">
<div className="container">
<div className="row">
<RowBlock
openExternal
title={ 'GitHub Actions' }
subtitle='Learn what is CI/CD and how to automate your workflows with GitHub actions.'
url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
/>
<RowBlock
openExternal
title={ 'Dependency Injection' }
subtitle='Learn how to write testable and maintainable code with Dependency Injection.'
url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
/>
<RowBlock
openExternal
title={ 'CSS Variables' }
subtitle='Learn how to write maintainable CSS using CSS Variables with a simple project based lesson.'
url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
/>
<RowBlock
openExternal
title={ 'All about DOM' }
subtitle='Learn and understand the differences between the DOM, Shadow DOM and the Virtual DOM.'
url='https://www.youtube.com/watch?v=nyKZTKQS_EQ'
/>
<RowBlock
openExternal
title={ 'Creating a React App' }
subtitle='Learn how to build a react application with this project based video series.'
url='https://www.youtube.com/watch?v=NyG7YJWJd6s&list=PLkZYeFmDuaN3NDLnBG01-sH2-nwn43mYu'
/>
<RowBlock
openExternal
title={ 'Arrays and Objects in JavaScript' }
subtitle='Learn how to manipulate arrays and objects in JavaScript with built-in JavaScript methods.'
url='https://www.youtube.com/watch?v=n3NKGsM3iEw'
/>
</div>
</div>
</div>
<PageFooter />
</DefaultLayout>
);
export default WatchList;

16
public/sitemap.xml
View File

@ -36,6 +36,12 @@
<lastmod>2020-01-29T07:49:29.706Z</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://roadmap.sh/guides/oauth</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-06-28T19:59:14.191Z</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://roadmap.sh/guides/jwt-authentication</loc>
<changefreq>monthly</changefreq>
@ -183,13 +189,13 @@
<url>
<loc>https://roadmap.sh/podcasts</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-06-21T21:51:46.358Z</lastmod>
<lastmod>2020-06-21T21:52:29.496Z</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://roadmap.sh/roadmaps</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-06-21T19:06:10.218Z</lastmod>
<lastmod>2020-07-17T11:05:11.942Z</lastmod>
<priority>1.0</priority>
</url>
<url>
@ -204,4 +210,10 @@
<lastmod>2020-02-23T07:24:00.533Z</lastmod>
<priority>0.5</priority>
</url>
<url>
<loc>https://roadmap.sh/watch</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-07-17T11:04:35.389Z</lastmod>
<priority>1.0</priority>
</url>
</urlset>

11
scripts/sitemap.js
View File

@ -25,9 +25,14 @@ const getSlugPriority = (pageSlug) => {
}
const slugPriorities = [
['/roadmaps', '/guides', '/podcasts'], // 1.0
['/signup'], // 0.9
['/about'], // 0.8
[
'/roadmaps',
'/guides',
'/watch',
'/podcasts'
], // 1.0
['/signup'], // 0.9
['/about'], // 0.8
];
const foundIndex = slugPriorities.findIndex(