-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathworkshops.html
executable file
·153 lines (150 loc) · 5.33 KB
/
workshops.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Francesco Strazzullo</title>
<meta name="keywords" content="Francesco Strazzullo" />
<meta name="description" content="Francesco Strazzullo personal website" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet"
/>
<link href="app.css" rel="stylesheet" type="text/css" media="all" />
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl"
crossorigin="anonymous"></script>
</head>
<body>
<div id="header-wrapper">
<header class="container">
<div class="main-title">
<h3 class="hide-small">
Frontend Engineer, Speaker and Trainer @ e-xtrategy
</h3>
<h1>
<a href="/">Francesco Strazzullo</a>
</h1>
</div>
<nav class="menu hide-small">
<ul>
<li>
<a href="/">Homepage</a>
</li>
<li>
<a href="https://medium.com/@TheStrazz86">Blog</a>
</li>
<li>
<a href="/video.html">Video</a>
</li>
<li class="active">
<a href="/workshops.html">Workshops</a>
</li>
</ul>
</nav>
</header>
</div>
<div class="wrapper">
<h1 class="workshops-title">Worskshops</h1>
<div class="workshops container">
<div class="workshop">
<h3>Frameworkless Frontend Development</h3>
<p>
Two-day workshop to learn how to create complex Single Page Applications without any kind of dependency. Expect to learn
rendering, routing and state management. In the last part of the workshop expect to learn a series of format useful
to make decision when in need to choose a technology like the
<a href="https://medium.com/@TheStrazz86/framework-compass-chart-d3851c25b45d">Framework Compass Chart</a>.
</p>
<p class="links">
<span class="link">
<i class="fas fa-file-code"></i>
<a href="https://github.com/e-xtrategy/frameworkless-frontend-development-workshop">
<span>Code</span>
</a>
</span>
<span class="link">
<i class="fas fa-file"></i>
<a href="http://slides.com/francescostrazzullo/frameworkless-frontend-development-avanscoperta-2018#/">
<span>Slides</span>
</a>
</span>
</p>
</div>
<div class="workshop">
<h3>React Essential</h3>
<p>
Three-day workshop to learn the basics of React. After an introduction about the core concepts of the famous Facebook framework,
you will learn how to test React application with
<a href="https://github.com/airbnb/enzyme">Enzyme</a> or to create end-to-end tests with
<a href="https://github.com/GoogleChrome/puppeteer">puppeteer</a>. In the last part you will learn about state management with
<a href="https://redux.js.org/">Redux</a>,
<a href="https://github.com/mobxjs/mobx">MobX</a> and other state-mamangent techinques.
</p>
<p class="links">
<span class="link">
<i class="fas fa-file-code"></i>
<a href="https://github.com/e-xtrategy/react-course">
<span>Code</span>
</a>
</span>
<span class="link">
<i class="fas fa-file"></i>
<a href="https://slides.com/francescostrazzullo/react-base#/">
<span>Slides</span>
</a>
</span>
</p>
</div>
<div class="workshop">
<h3>High Performance Rendering With WebGL</h3>
<p>
Two-day workshop to grasp the basics of WebGL and other frameworks built on it. After an introduction about WebGL and shaders,
we will cover
<a href="https://threejs.org/">three.JS</a> building some complex scene, also using
<a href="https://aframe.io/">A-Frame</a> and WebVR to build interactive VR scenes on the Web. At Last we will learn how to use
<a href="http://www.pixijs.com/">PixiJS</a> and how to integrate it in existing web applications.
</p>
<p class="links">
<span class="link">
<i class="fas fa-file-code"></i>
<a href="https://github.com/e-xtrategy/webgl-course">
<span>Code</span>
</a>
</span>
<span class="link">
<i class="fas fa-file"></i>
<a href="https://slides.com/francescostrazzullo/high-performance-rendering-with-webgl#/">
<span>Slides</span>
</a>
</span>
</p>
</div>
</div>
</div>
<div id="footer">
<div class="fbox">
<i class="fa fa-envelope"></i>
<span>francesco.strazzullo86@gmail.com</span>
</div>
</div>
<div id="copyright">
<p>© Francesco Strazzullo. All rights reserved. | Design by
<a href="http://templated.co" rel="nofollow">TEMPLATED</a>.
</p>
<ul class="contact">
<li>
<a href="https://github.com/francesco-strazzullo">
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="https://twitter.com/TheStrazz86">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://medium.com/@TheStrazz86">
<i class="fab fa-medium"></i>
</a>
</li>
</ul>
</div>
</body>
</html>