Add youtube videos page
This commit is contained in:
@ -11,8 +11,8 @@ const SiteNav = () => (
|
|||||||
<div className='nav-links'>
|
<div className='nav-links'>
|
||||||
<a href='/roadmaps'>Roadmaps</a>
|
<a href='/roadmaps'>Roadmaps</a>
|
||||||
<a href='/guides'>Guides</a>
|
<a href='/guides'>Guides</a>
|
||||||
<a href='/podcasts'>
|
<a href='/watch'>
|
||||||
Podcasts
|
Watch
|
||||||
<span className='new-item' />
|
<span className='new-item' />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
||||||
import { faEnvelope, faCodeBranch } from '@fortawesome/free-solid-svg-icons';
|
|
||||||
import DefaultLayout from 'layouts/default/index';
|
import DefaultLayout from 'layouts/default/index';
|
||||||
import SiteNav from 'components/site-nav';
|
import SiteNav from 'components/site-nav';
|
||||||
import PageFooter from 'components/page-footer';
|
import PageFooter from 'components/page-footer';
|
||||||
import PageHeader from 'components/page-header';
|
import PageHeader from 'components/page-header';
|
||||||
import roadmaps from "content/roadmaps";
|
import roadmaps from 'content/roadmaps';
|
||||||
import RowBlock from 'components/row-block';
|
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 { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
|
||||||
import Helmet from 'components/helmet';
|
import Helmet from 'components/helmet';
|
||||||
|
|
||||||
|
83
pages/watch.js
Normal file
83
pages/watch.js
Normal 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;
|
@ -36,6 +36,12 @@
|
|||||||
<lastmod>2020-01-29T07:49:29.706Z</lastmod>
|
<lastmod>2020-01-29T07:49:29.706Z</lastmod>
|
||||||
<priority>1.0</priority>
|
<priority>1.0</priority>
|
||||||
</url>
|
</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>
|
<url>
|
||||||
<loc>https://roadmap.sh/guides/jwt-authentication</loc>
|
<loc>https://roadmap.sh/guides/jwt-authentication</loc>
|
||||||
<changefreq>monthly</changefreq>
|
<changefreq>monthly</changefreq>
|
||||||
@ -183,13 +189,13 @@
|
|||||||
<url>
|
<url>
|
||||||
<loc>https://roadmap.sh/podcasts</loc>
|
<loc>https://roadmap.sh/podcasts</loc>
|
||||||
<changefreq>monthly</changefreq>
|
<changefreq>monthly</changefreq>
|
||||||
<lastmod>2020-06-21T21:51:46.358Z</lastmod>
|
<lastmod>2020-06-21T21:52:29.496Z</lastmod>
|
||||||
<priority>1.0</priority>
|
<priority>1.0</priority>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://roadmap.sh/roadmaps</loc>
|
<loc>https://roadmap.sh/roadmaps</loc>
|
||||||
<changefreq>monthly</changefreq>
|
<changefreq>monthly</changefreq>
|
||||||
<lastmod>2020-06-21T19:06:10.218Z</lastmod>
|
<lastmod>2020-07-17T11:05:11.942Z</lastmod>
|
||||||
<priority>1.0</priority>
|
<priority>1.0</priority>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
@ -204,4 +210,10 @@
|
|||||||
<lastmod>2020-02-23T07:24:00.533Z</lastmod>
|
<lastmod>2020-02-23T07:24:00.533Z</lastmod>
|
||||||
<priority>0.5</priority>
|
<priority>0.5</priority>
|
||||||
</url>
|
</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>
|
</urlset>
|
@ -25,7 +25,12 @@ const getSlugPriority = (pageSlug) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const slugPriorities = [
|
const slugPriorities = [
|
||||||
['/roadmaps', '/guides', '/podcasts'], // 1.0
|
[
|
||||||
|
'/roadmaps',
|
||||||
|
'/guides',
|
||||||
|
'/watch',
|
||||||
|
'/podcasts'
|
||||||
|
], // 1.0
|
||||||
['/signup'], // 0.9
|
['/signup'], // 0.9
|
||||||
['/about'], // 0.8
|
['/about'], // 0.8
|
||||||
];
|
];
|
||||||
|
Reference in New Issue
Block a user