forked from roadmapsh/deprecated-version
-
Notifications
You must be signed in to change notification settings - Fork 0
/
watch.js
113 lines (110 loc) · 4.55 KB
/
watch.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
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={'DNS and how does it work?'}
subtitle="Learn about the internet, DNS, and how a website is found on the internet."
url='https://www.youtube.com/watch?v=Wj0od2ag5sk'
/>
<RowBlock
openExternal
title={'System Design 101'}
subtitle="Learn the basics and all the bits and pieces involved in System Design."
url='https://www.youtube.com/watch?v=Y-Gl4HEyeUQ'
/>
<RowBlock
openExternal
title={'JavaScript Fetch API'}
subtitle="Learn how to make API calls with vanilla JavaScript using browser's builtin Fetch API."
url='https://www.youtube.com/watch?v=-ZI0ea5O2oA'
/>
<RowBlock
openExternal
title={'Scaling an Application'}
subtitle='Learn how to scale an unscalable application and how to tackle the issues in production.'
url='https://www.youtube.com/watch?v=a2rcgzludDU'
/>
<RowBlock
openExternal
title={'All about Promises in JavaScript'}
subtitle='Everything you need to know to about writing asynchronous code with Promises.'
url='https://www.youtube.com/watch?v=BvrkobaCVVE'
/>
<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=0yc2UANSDiw'
/>
<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=lgaxU7CRmxU'
/>
<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=7Tok22qxPzQ'
/>
<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;