Skip to content

Commit

Permalink
Add and fix up slides to match format of workshop. Also add Ben + Mel…
Browse files Browse the repository at this point in the history 
…inda's tips in detail. Addresses issues #5 #11 #12
  • Loading branch information
@krissy
krissy committed Apr 27, 2016
1 parent b6ba196 commit c8bde7c
Show file tree
Hide file tree
Showing 4 changed files with 134 additions and 19 deletions.
Binary file added images/ben.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/melinda.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/writers_block.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
153 changes: 134 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,26 +28,105 @@
<img src="images/logo.png" alt="logo" class="plain logo">
<h2>Blogging Evening</h2>
<h3>April 27th @ <a href="https://gocardless.com/">GoCardless</a></h3>
</section>
</section>

<section>
<h2>Awesome People That Helped Make This Happen</h2>
<ul style="font-size: 0.95em;">
<li><a href="https://gocardless.com" target="_blank">GoCardless</a> - One of today's leading payment companies and our kind hosts</li>
<li><a href="http://bennadel.com" target="_blank">Ben Nadel</a> (<em>serial tech blogger at <a href="http://bennadel.com" target="_blank">bennadel.com</a>, co-founder of <a href="https://invisionapp.com" target="_blank">Invision</a></em>) + <a href="http://missgeeky.com" target="_blank">Melinda Seckington</a> <em>(blogger of "all things girly and geeky" at <a href="http://missgeeky.com" target="_blank">missgeeky.com</a>, developer at <a href="https://www.futurelearn.com" target="_blank">FutureLearn</a>, event organizer at <a href="http://geeksoflondon.com/" target="_blank">Geeks of London</a></em>) - who both kindly donated their spare time to provide us with their top blogging tips!</li>
<li><a href="https://twitter.com/echesters" target="_blank">Elizabeth Chesters</a>, <a href="https://twitter.com/krissygoround" target="_blank">Kriselda Rabino</a>, <a href="https://twitter.com/tanya_powell" target="_blank">Tanya Powell</a>, <a href="https://twitter.com/lilianakastilio" target="_blank">Lili</a>, <a href="https://twitter.com/nandy311" target="_blank">Nandhini Narasimhan</a>, <a href="https://twitter.com/VinitaKRathi" target="_blank">Vinita Rathi</a> - Our WHFNP volunteer workshop presenters and preppers</li>
</ul>

</section>

<section>
<h2>Why Blog?</h2>
<h2>Why Should You Blog?</h2>
<p><em>Just a few reasons (there are many more!)</em></p>

<ul>
<li>It's a <strong>learning aid</strong> that helps you break down and analyse topics clearer</li>
<li>It <strong>connects you to a network</strong> of like-minded / supportive communities</li>
<li>Women are highly under-represented in the tech-blogosphere, <strong>it needs your voice</strong></li>
<li>It can <strong>open up opportunities</strong>; whether it be an addition to your CV/portfolio, lead to giving talks, or just be a confidence-builder.</li>
</ul>
</section>
<section>
<h2>"Learning is a lot more fun — and a lot more effective — when it’s social." <br />
<small>- Mike Nelson, <a href="https://storify.com/SusannahFox/mike-nelson-s-career-advice" target="_blank">17 Nuggets of Wisdom</a></small></h2>
</section>

<section>
<h2>Tips from <a href="http://www.bennadel.com">Ben Nadel</a></h2>
<ol>
<li>Keep a backlog of ideas that you want to explore</li>
<li>Blog for yourself</li>
<li>Your point of view is always unique</li>
<li>Try never to make assertions that you haven't tested</li>
<li>No topic is too small or insignificant</li>
</ol>
<section>
<h2>Top Tips - <a href="http://www.bennadel.com" target="_blank">Ben Nadel</a></h2>
<ol>
<li>Keep a backlog of ideas that you want to explore</li>
<li>Blog for yourself</li>
<li>Your point of view is always unique</li>
<li>Try never to make assertions that you haven't tested</li>
<li>No topic is too small or insignificant</li>
</ol>
<br /><br />
<img src="images/ben.jpg" alt="Ben" width="200">
<p><small>(scroll down for details)</small></p>
</section>
<section>
<h3>Keep a backlog of ideas that you want to explore</h3>
<p>Questions and ideas will pop into your head at the most random times. At your desk; walking down the street; in an elevator; at the gym. Make sure to always write those ideas down the moment you have them. I do this using GMail. I have a GMail filter setup that automatically tags and archives emails with a particular Subject line. So, when I have one of those random ideas, I immediately open the closest GMail client (desktop or mobile) and shoot myself an email. Then, the next time I sit down to do some R&amp;D, I have a catalog of ideas from which to choose.</p>
</section>
<section>
<h3>Blog for yourself</h3>
<p>Blogging is hard work. It takes time and dedication. Keeping with it will be much easier if you're doing it for yourself. Meaning, don't chase the next "hot topic" unless it really interests you. If you can do that, you end up creating a anthology of content that you, yourself, want to consume. When that happens, I guarantee that you'll find yourself referring back to your own writing as a sort of personalized documentation. Plus, when you're really excited about a topic, writing one post is more likely to lead to new ideas and new avenues of exploration as you find yourself falling down the rabbit hole of desire.</p>
</section>
<section>
<h3>Your point of view is always unique</h3>
<p>Sometimes, it's hard to get over the fear that you might be covering a topic that someone else has already covered. Who cares! What does that have to do with anything?! You're blogging for yourself. And besides, no one but you has your voice and your perspective. When you write about a topic, it will be unique even if the general topic is common.</p>
</section>
<section>
<h3>Try never to make assertions that you haven't tested</h3>
<p>I can't tell you how many times I've been about to publish a post when I go to double-check something and then discover that half of what I've written is wrong. Sure, this is frustrating; but, it makes me a little wiser every time. Now, rather than attempting to draw theoretical conclusions, I try my best to test every assertion that I've made. And, if I can't test it - or I don't have time to test it - I'll replace the assertion with a written caveat as to where I believe I have gaps in my understand. I'm certainly a fan of the statement, "As such, please take the following paragraph with a grain of salt."</p>
</section>
<section>
<h3>No topic is too small or insignificant</h3>
<p>I write about everything. Every little hurdle. Every little mistake. Every little error that was hard to debug. If it tripped me up, confused me, or wasted my time, I think it's worth documenting. This does a service to anyone that might try to Google for the same thing. And, sometimes embarrassingly, I am that person - Googling for the solution to a problem that I already solved 8 months ago. Talk about paying it forward to your future self! Small topics also have the benefit of keeping the mental machinery working. A body in motion tends to stay in motion. So, if a bunch of small posts can keep up your momentum, I find that to be better than long periods of not writing.</p>
</section>
</section>

<section>
<section>
<h2>Top Tips - <a href="http://www.missgeeky.com" target="_blank">Melinda Seckington</a></h2>
<ol>
<li>What story are you trying to tell?</li>
<li>Start with an outline</li>
<li>Refactor and rewrite</li>
<li>It never will be perfect</li>
</ol>
<br /><br />
<img src="images/melinda.jpg" alt="Melinda" width="200">
<p><small>(scroll down for details)</small></p>
</section>
<section>
<h3>What story are you trying to tell?</h3>
<p style="font-size: 0.95em;">Before writing anything, I try to sit down and think through all the different aspects of my blog post. For starters, who am I writing this post for? Are they other developers? Users of my product? Fans of a TV show? What’s their background, what do they know? Knowing who you’re writing for frames the entire article - for me, it makes it easier to understand and define the scope of what you’re attempting to write. Once you know who you’re writing this for, think about what story you’re telling them. What is it that you want them to take away from this post? What’s the key message? Are you trying to convince them of something? Are you sharing something that you did? Have an idea of what effect you want to have on your audience.</p>
</section>

<section>
<h3>Start with an outline</h3>
<p>My process of writing typically begins with post-it notes. I’ll start with all the key points I want to make, including some of the answers I came up with to the questions in the previous section. Once I’ve got all those post-its I start grouping them and moving them around to create different sections. What I like about this method is that it allows me to be a bit more flexible in how I tell the story - it’s easier to move post-its around and come up with the structure that works best without being bogged down in paragraphs and paragraphs of text.</p>
</section>
<section>
<h3>Refactor and rewrite</h3>
<p>It’s rare I’ll write something that I’m completely happy with in one go. Typically I’ll have an initial draft and go through it completely again - cutting parts, moving paragraphs around and turning it into a better story. Just like with refactoring code, you need to keep in mind that it’s all about making the end product better. Sometimes I’ll have written a sentence or paragraph that I completely love, but I know I need to cut, cause it just doesn’t work. </p>
</section>
<section>
<h3>It never will be perfect</h3>
<p>The main thing I’ve had to accept is that whatever I do none of my posts will ever be ‘perfect’. It’s sometimes super tricky to hit that publish button on something that you feel could be better, yet at the same you can’t keep every single post in a drafted state forever.</p>
</section>
</section>

<!-- Elizabeth's -->
<section>
<h2>Elizabeth's Blogging</h2>
<h2>Elizabeth &amp; Krissy - Our Blogging Journeys</h2>
<ul>
<li class="fragment" data-fragment-index="1">Why do I blog?</li>
<li class="fragment" data-fragment-index="2">What do I blog about?</li>
Expand All @@ -61,16 +140,45 @@ <h3>Should you just brain dump?</h3>
<img src="images/elizabeth-blog-posts.png" class="fragment" data-fragment-index="2" alt="Screenshot of Elizabeth's blog notes - it's messy!">
</section>

<section>
<h2>OVER TO YOU</h2>
<p><em>Time to kickstart your new favourite hobby of tech blogging!</em></p>
<img src="images/writers_block.gif" alt="Writer's block" />
</section>

<section>
<h2>What's Happening Next</h2>
<ol style="font-size: 0.95em">
<li>Together (10 mins): Form small groups based on a broad category (suggested or your own) that interests you and brainstorm sub-topics for that category, discuss approaches, angles and key considerations based on advice given earlier</li>
<li>Set up your account on tonight's designated platform <a href="https://medium.com" target="_blank">Medium.com</a></li>
<li>Write! It doesn't matter how far you get, whether it be a draft or published by the end. The point is to start! We'll be coming around to talk things over / help out where you're stuck.</li>
<li>Blog and tell. We'll have a little discussion of what you've all come up with (exciting!)</li>
</ol>
</section>

<section>
<h2>Example Topics (Broad)</h2>
<ul>
<li>Giving a technical (e.g. dev, design, UX, QA, ops) tutorial</li>
<li>Tips relating to the tech industry</li>
<li>Observations relating to the tech industry</li>
<li>Biography, sharing your personal story/journey in tech</li>
<li>Recap a tech event, podcast, etc</li>
</ul>
</section>

<section>
<h2>Example Topics</h2>
<h2>Example Blog Titles</h2>
<ul>
<li>My first taste of Python (it wasn't so scary after all)</li>
<li>What is SEO? And how do I apply it to my website?</li>
<li>Linters what are they? Why do I need to use them?</li>
<li>What is Object Oriented programming?</li>
<li>Heroku 101</li>
<li>Why I'm switching to a career in UX</li>
<li>How to set DNS server to point to amazon s3 bucket?</li>
<li>How to center anything with CSS</li>
<li>Which Javascript framework should i choose?</li>
<li>Which Javascript framework should I choose?</li>
<li>Mobile first design and development</li>
<li>Bootstrap vs Foundation?</li>
</ul>
Expand All @@ -87,15 +195,22 @@ <h2>Example Blog Posts</h2>

<section>
<h2>Example Blogs and Bloggers</h2>
<h4>We like these:</h4>
<ul>
<li><a href="https://blog.womenhackfornonprofits.com">Official WHFNP Blog</a></li>
<li><a href="http://blog.lilianakastilio.co.uk/">Lili Kastilio</a></li>
<li><a href="http://blog.tanyapowell.co.uk/">Tanya Powell</a></li>
<li><a href="http://echesters.co.uk/">Elizabeth Chesters</a></li>
<li><a href="https://medium.com/@krissygoround">Krissy Rabino</a></li>
<li><a href="http://www.bennadel.com">Ben Nadel</a></li>
<li><a href="http://www.missgeeky.com">Melinda Seckington</a></li>
<li><a href="http://matthewjamestaylor.com/blog/">Matthew James Taylor</a></li>
<li><a href="https://medium.com/cool-code-pal">CSS Perverts</a></li>
</ul>
</ul>

<h4>WHFNP bloggers!</h4>
<ul>
<li><a href="https://blog.womenhackfornonprofits.com">Official WHFNP Blog</a></li>
<li><a href="http://blog.lilianakastilio.co.uk/">Lili Kastilio</a></li>
<li><a href="http://blog.tanyapowell.co.uk/">Tanya Powell</a></li>
<li><a href="http://echesters.co.uk/">Elizabeth Chesters</a></li>
<li><a href="https://medium.com/@krissygoround">Kriselda Rabino</a></li>
</ul>
</section>
</div>
</div>
Expand Down

0 comments on commit c8bde7c

Please sign in to comment.