-
Notifications
You must be signed in to change notification settings - Fork 12
/
sydney-dojo.html
250 lines (221 loc) · 15.1 KB
/
sydney-dojo.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta property="og:image" content="https://musescodejs.org/images/background1.jpg">
<meta property="og:url" content="https://musescodejs.org/sydney-dojo.html">
<meta property="og:title" content="Muses Code JS Sydney - workshops for women, non-binary and trans">
<meta property="og:description"
content="We believe that any person should try programming at least once in their life. Therefore we created a community where in friendly atmosphere with great vibe you can try programming first time or if you already code - learn something new about JavaScript and/or Node.js.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@MusesCodeJS">
<meta name="twitter:creator" content="@ButenkoMe">
<meta name="twitter:title" content="Muses Code JS - coding workshops for women, non-binary and trans">
<meta name="twitter:description"
content="We believe that any person should try programming at least once in their life. Therefore we created a community where in friendly atmosphere with great vibe you can try programming first time or if you already code - learn something new about JavaScript and/or Node.js.">
<meta name="twitter:image" content="https://musescodejs.org/images/background1.jpg">
<meta name="twitter:image:alt" content="Two women coding">
<title>Muses Code JS - Javascript and Node workshops for women</title>
<!-- CSS -->
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen"/>
<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
</head>
<body>
<nav class="white">
<div class="nav-wrapper container">
<ul class="hide-on-med-and-down nav-list nav-list--home">
<li class="nav-list__list-item"><a href="chapters.html">Chapters</a></li>
<li class="nav-list__list-item"><a href="events.html">Events</a></li>
<li class="nav-list__list-item"><a href="./blog.html">Blog</a></li>
<li class="nav-list__list-item"><a href="./muses-careers.html">Careers</a></li>
<li class="nav-list__list-item"><a href="resources.html">Resources</a></li>
<li class="nav-list__list-item"><a href="./contacts.html">Contact Us</a></li>
<li class="nav-list__logo"><a href="./">
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="52">
<g fill="none" fill-rule="evenodd">
<path fill="#C88AFF" fill-rule="nonzero" d="M4.184 35.504a8.363 8.363 0 1 0 8.362-14.486 8.362 8.362 0 1 0-8.362 14.486z"/>
<path fill="#7987E9" d="M44.11 18.84c-.158.278-.33.543-.514.794L36.27 32.726l-.053-.03c-2.442 3.447-7.124 4.523-10.835 2.359-3.667-2.14-5.096-6.69-3.456-10.522l-.01-.005.055-.098a8.443 8.443 0 0 1 .764-1.364l6.97-12.456.034.019.073-.13c2.279-3.987 7.327-5.353 11.276-3.05 3.948 2.304 5.302 7.403 3.023 11.391z"/>
<path fill="#CA4590" d="M73.134 12.364c2.164-3.968.787-8.969-3.13-11.244C66.036-1.185 60.96.182 58.67 4.174l-.099.177-11.26 19.62a9.26 9.26 0 0 0-.15.26l-.009.017-.009.016c-2.16 3.968-.784 8.967 3.132 11.241 3.915 2.275 8.908.977 11.244-2.89l.093-.164 11.527-20.085-.004-.002z"/>
<path fill="#1D263B" fill-rule="nonzero" d="M.452 46.705h1.354l1.332 3.618 1.347-3.618h1.34v5.164h-.846V47.58h-.014L3.449 51.87h-.62L1.311 47.58h-.014v4.289H.452v-5.164zm19.318 3.268c0 .31-.052.593-.156.846a1.9 1.9 0 0 1-.423.634 1.9 1.9 0 0 1-.634.408c-.245.093-.51.139-.797.139-.287 0-.552-.046-.797-.139a1.979 1.979 0 0 1-.641-.408 1.9 1.9 0 0 1-.423-.634 2.31 2.31 0 0 1-.148-.846v-3.268h.888v3.238c0 .127.019.26.056.401.038.137.1.263.184.38.09.116.204.214.345.291.146.073.325.11.536.11.212 0 .388-.037.529-.11a1.1 1.1 0 0 0 .536-.671c.037-.14.056-.274.056-.4v-3.239h.889v3.268zm12.35-2.16a.8.8 0 0 0-.38-.305 1.274 1.274 0 0 0-.797-.066.849.849 0 0 0-.26.117.606.606 0 0 0-.255.51c0 .175.059.309.176.401.118.093.264.173.438.24.174.07.364.135.57.198.208.063.398.15.572.262.174.112.32.26.437.445.117.185.176.43.176.737 0 .277-.05.52-.148.729a1.466 1.466 0 0 1-.402.51 1.667 1.667 0 0 1-.578.307 2.362 2.362 0 0 1-.698.102c-.31 0-.609-.054-.895-.16a1.726 1.726 0 0 1-.74-.54l.67-.671c.107.17.248.304.422.401.179.092.367.139.564.139.104 0 .207-.015.31-.044a.949.949 0 0 0 .282-.131.688.688 0 0 0 .205-.22.63.63 0 0 0 .077-.313c0-.19-.058-.335-.176-.437a1.474 1.474 0 0 0-.437-.256 6.081 6.081 0 0 0-.57-.204 2.45 2.45 0 0 1-.572-.255 1.468 1.468 0 0 1-.438-.438c-.117-.185-.176-.43-.176-.736 0-.268.052-.499.155-.693.108-.195.247-.355.416-.482.174-.13.372-.228.593-.291a2.447 2.447 0 0 1 1.438.03c.25.082.473.218.67.407l-.649.708zm10.415-1.108h3.307v.832h-2.418v1.269h2.291v.831h-2.291v1.4h2.545v.832h-3.434v-5.164zm15.57 1.109a.8.8 0 0 0-.38-.306 1.274 1.274 0 0 0-.797-.066.853.853 0 0 0-.26.117.612.612 0 0 0-.255.51.48.48 0 0 0 .177.401c.117.093.263.173.437.24a7.8 7.8 0 0 0 .571.198c.207.063.397.15.571.262.174.112.32.26.437.445.118.185.177.43.177.737 0 .277-.05.52-.148.729a1.466 1.466 0 0 1-.402.51 1.666 1.666 0 0 1-.579.307 2.36 2.36 0 0 1-.698.102c-.31 0-.608-.054-.895-.16a1.73 1.73 0 0 1-.74-.54l.67-.671c.107.17.248.304.422.401.18.092.367.139.565.139.103 0 .206-.015.31-.044a.947.947 0 0 0 .282-.131.691.691 0 0 0 .204-.22.63.63 0 0 0 .078-.313c0-.19-.059-.335-.176-.437a1.478 1.478 0 0 0-.438-.256 6.059 6.059 0 0 0-.57-.204 2.454 2.454 0 0 1-.572-.255 1.464 1.464 0 0 1-.437-.438c-.117-.185-.176-.43-.176-.736 0-.268.052-.499.155-.693.108-.195.247-.355.416-.482.174-.13.371-.228.592-.291a2.447 2.447 0 0 1 1.439.03c.249.082.472.218.67.407l-.65.708z"/>
</g>
</svg>
</a></li>
</ul>
<!--hamburger menu-->
<a class="nav-button" tabindex="0">☰</a>
<span class="nav-close" tabindex="0">☰</span>
<div class="nav-frame">
<!-- Side nav for mobile - menu links MUST BE REPEATED HERE,
hidden in non-mobile settings-->
<ul class="mobile-nav">
<li><a href="./index.html">Home</a></li>
<li><a href="./chapters.html">Chapters</a></li>
<li><a href="./events.html">Events</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./muses-careers.html">Careers</a></li>
<li><a href="./resources.html">Resources</a></li>
<li><a href="./contacts.html">Contact Us</a></li>
</ul>
</div>
<button class="nav-overflow"></button>
</div>
</nav>
<main>
<div class="container">
<h3 class="header center">Coding Dojos with Muses</h3>
<h5 class="header center light">Where and when:</h5>
<p class="flow-text" style="color: red;">
We have had to cancel all events in March due to our host & sponsor's activation of their Emergency Response procedure to the COVID-19 pandemic threat. We completely support this action as the right thing to do in the circumstances. We apologise for the inconvenience.
</p>
<p class="flow-text">
<span style="color: red;">Cancelled due COVID-19</span> <s>17th of March
at BCG Digital Ventures, level 1/80 George St, The Rocks NSW 2000 (<a href="https://goo.gl/maps/uWtaehA8cKi5TgTY6">map</a>)</s>
</p>
<p class="flow-text">
<span style="color: red;">Cancelled due COVID-19</span>
<s>31st of March
at New Relic, Level 4, 115 Pitt St, Sydney 2000 (<a href="https://goo.gl/maps/yXHwU9AuNrx">map</a>)</s>
</p>
<p class="flow-text">
14th of April - Tickets will be released soon
at BCG Digital Ventures, level 1/80 George St, The Rocks NSW 2000 (<a href="https://goo.gl/maps/uWtaehA8cKi5TgTY6">map</a>)
</p>
<p class="flow-text">
28th of April - Tickets will be released soon
at New Relic, Level 4, 115 Pitt St, Sydney 2000 (<a href="https://goo.gl/maps/yXHwU9AuNrx">map</a>)
</p>
<p class="flow-text">
12th of May - Tickets will be released soon
at BCG Digital Ventures, level 1/80 George St, The Rocks NSW 2000 (<a href="https://goo.gl/maps/uWtaehA8cKi5TgTY6">map</a>)
</p>
<p class="flow-text">
26th of May - Tickets will be released soon
at New Relic, Level 4, 115 Pitt St, Sydney 2000 (<a href="https://goo.gl/maps/yXHwU9AuNrx">map</a>)
</p>
<h5 class="header center light">What it's all about:</h5>
<p class="flow-text">
This is a study group event that will happen on a regular basis for 3 months (March-April-May, then we will
continue in the year in September-October-November), and the amount of attendees is very limited, so, please, RSVP if you come for sure! and let us know if you are not able to attend at least 3 days prior to the date. The topics and focus points for each session would be announced prior to the event via email, so keep an eye on your emails and
add info@musescodejs.org to your trusted emails as sometimes they get into the spam folder. The reason why we hold
it for a small group is to give an opportunity to everyone to participate on maximum. We also divide groups into
2-3 smaller groups based on your level of programming skills.
</p>
<p class="flow-text">
Our goal is to learn, understand and improve our technical practices and communication skills with fellow software
developers in a non-competitive and inclusive setting and promote continuous learning.
</p>
<!--<p class="flow-text">-->
<!--For the session we will have few 'Katas' - so-called exercise - on which we will work during the evening,-->
<!--practising on javascript and test-driven development approach (writing tests first). Each session is an independent-->
<!--session but if when we have some people returning from session to session we have a bigger challenge for them which-->
<!--they continue working on.-->
<!--</p>-->
<!-- <p class="flow-text">
For the session we will have few 'Katas' - so-called exercise - on which we will work during the evening,
practising on working with Git - Git is a distributed version-control system for tracking changes in source code
during software development. It is designed for coordinating work among programmers, but it can be used to track
changes in any set of files. Its goals include speed, data integrity, and support for distributed, non-linear workflows.
Each session is an independent session but if when we have some people returning
from session to session we have a bigger challenge for them which they continue working on.
</p> -->
<p class="flow-text">
For the session we will have few 'Katas' - so-called exercise - on which we will work during the evening,
we will be learning HTML & CSS. HTML is the foundation behind all web pages. It’s used to add structure and form to text, images, and more. CSS is the language used to style HTML content. In this first course, you’ll learn the fundamentals of both languages so that you can create visually appealing web pages.
Each session is an independent session but if when we have some people returning
from session to session we have a bigger challenge for them which they continue working on.
</p>
<p class="flow-text">
What you'll learn:
<ul>
<li>- What is HTML and CSS?</li>
<li>- Basic terminology and syntax</li>
<li>- HTML tags</li>
<li>- File naming and project setup</li>
<li>- Anchors and attributes</li>
<li>- Lists and Images</li>
<li>- Intro to CSS</li>
<li>- Styling your page</li>
<li>- Classes and Ids</li>
</ul>
</p>
<p class="flow-text">
If you have any lightening talks to share, please let the organisers know beforehand, simply email date of event
and light talk topic to info@musescodejs.org
</p>
<!--<p class="flow-text">-->
<!--Prerequisites:-->
<!-- - To be familiar with JavaScript syntaxes and a basic understanding of writing tests. You can read about unit-->
<!--tests <a href="https://designmodo.com/test-javascript-unit/">here</a> and why we even need tests-->
<!--<a href="https://medium.com/javascript-scene/what-every-unit-test-needs-f6cd34d9836d">here</a>.-->
<!-- - No laptop needed!-->
<!--</p>-->
<h5 class="header center light">What to bring:</h5>
<ul class="flow-text">
<li>Laptop</li>
<li>Charger if needed</li>
</ul>
<h5 class="header center light">Agenda:</h5>
<ul class="flow-text">
<li>18:00 - 18:20 Dinner</li>
<li>18:20 - 18:30 Intro</li>
<li>18:30 - 20:20 Coding time</li>
<li>20:20 - 20:45 Wrap up and discussion</li>
</ul>
<h5 class="header center light">How much does it cost:</h5>
<p class="flow-text">
This event is FREE of charge. With food and drinks provided.
It is possible because of our generous sponsors and supporters -
<a href="https://newrelic.com/">New Relic</a>, <a href="https://www.bcgdv.com/">BCG Digital Ventures</a>
amazing mentors and energetic organisers :)
</p>
<h5 class="header center light">Can I bring my kid:</h5>
<p class="flow-text">
Absolutely! If you have no one to leave a kid with - bring him/her with you.
When you filling in the form put +1 next to your name, so we know how many
kids we might have on the day :)
</p>
<h5 class="header center light">Can I be a mentor on the day:</h5>
<p class="flow-text">
Of course! Even if you are a beginner you can still help with basic HTML and CSS exercises. Grab your ticket and indicate that
you would like to be a mentor :) Simple like that.
</p>
<p class="flow-text">
If you have any further questions don't hesitate to email us.
</p>
</div>
</main>
<footer class="page-footer" id="footer">
<div class="container">
<div class="row">
<div class="col l6 s12 footer__contact">
<h5 class="white-text">Contact Us</h5>
<p class="white-text">If you have any questions, would like to become a mentor, sponsor an event or want
to be involved in some way, drop us a line to <a href="mailto:sydney@musescodejs.org"
class="footer__mailto">sydney@musescodejs.org</a>.
</p>
<h5><a class="white-text footer__mailto" href="code-of-conduct.html">Code of Conduct</a></h5>
</div>
<div class="col l6 s12">
<ul class="social-icons">
<li class="social-icons__icon"><a class="white-text" href="https://twitter.com/MusesCodeJSSyd"><i
class="fa fa-twitter fa-3x"></i></a></li>
<li class="social-icons__icon"><a class="white-text" href="https://github.com/muses-code-js"><i
class="fa fa-github fa-3x"></i></a></li>
<li class="social-icons__icon"><a class="white-text" href="mailto:sydney@musescodejs.org"><i
class="fa fa-envelope-o fa-3x"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container white-text">
Made by Muses Code JS, with thanks to <a class="grey-text text-lighten-3" href="http://materializecss.com">Materialize</a>
</div>
</div>
</footer>
<script type='text/javascript' src='./js/ga.js'></script>
</body>
</html>