• Actionable Web Analytics Insights

    Codebridge

    Most people are not aware of how they can get web analytics tools to work for them when set up and used to their potential. Many front end developers and UX professionals are missing out on a lot of insight they could be using to inform their feature and design decisions. In this talk, Loryn will show specific examples of how companies she’s worked with have utilized this type of data. Hopefully it will spark some ideas of the places you might be able to use it similarly in the projects you are working on. She’s also happy to answer any questions you have on what you might want to get from web analytics, so please bring them! πŸ›Έ Speaker ------------------- Loryn is a web analytics professional that enables digital businesses to know what is happening on their site or app so they can tailor their digital experience to encourage the user behaviour they want. She’s worked with/for companies such as The Clicks Group, Kalahari, Zando, DSTVO and several international clients whilst at Acceleration eMarketing. Her professional interests are using marketing technology and site design to improve bottom line and using web analytics data to back up the decisions. She loves finding out about new companies and new business models. In her free time, she’s usually doing aerial arts including aerial hoop, pole, contortion stretching and sometimes trapeze. ❀️ Our sponsor ------------------- Snacks, drinks and the free shuttle service is provided by our amazing sponsor, NML (https://nml.co.za/), a local Cape Town software development team specialising in financial services. If you are interested in learning more you can get in contact with them at https://nml.co.za/contact-us 🚐 What about transport/parking? ------------------- We have lots of free parking right at the door if you are coming by car or motorcycle. The venue is also very close to the Newlands taxi rank (500m) and the Newlands train station (300m) if you are coming by public transport. πŸ“œ The fineprint ------------------- Attendees must follow our Code of Conduct. View our Code of Conduct at http://ctfeds.org/code-of-conduct/.

    5
  • Global Accessibility Awareness day workshop

    New Media labs

    It's that time of year again! This month at CTFEDs we're going to focus on accessibility and take part in Global Accessibility Awareness Day (http://www.globalaccessibilityawarenessday.org/) (which is on Thursday, May[masked]). About the workshop ---------------------------- In this accessibility-themed workshop, we’ll learn how we can make our sites work for more humans, on more devices and browsers, under more conditions. We're going to get hands-on with lots of practical exercises and tutorials geared towards making our own stuff more accessible, so be sure to bring your laptop, you'll need it! We’ll look at ways of testing our sites, of having better conversations about them, and will be giving and receiving high fives. :) About you -------------- You're interested in making your web stuff work for more people. You should be familiar with HTML and CSS. A little knowledge of JavaScript will be useful, but isn't required. If you have one, bring your laptop, charger, and a pair of headphones. πŸ›Έ Facilitators ------------------- πŸ‘½ Steve Barnett is a front-end developer and user experience consultant. He loves applying user-centered design principles to front-end development. That means he designs and develops sites and web apps in a future friendly way: with an eye towards inclusive design, accessibility, and performance. πŸ‘½ During the work week Danielle Eriksen is the lone frontend developer and budding conversational UI/UX expert for Atura, an automated chatbot based assistance platform. In her spare time, she enjoys making things with lego, brewing beer and being a cat lap. She also tries to help and encourage peeps to talk and share their experiences/knowledge in the Front-end scene. 🏑 The Venue ------------------ As you enter Black River Park you will see the stairs to the entrance. Remember those :) The visitors bays are through the booms to the right as you enter. Once you have parked return to the stairs and enter the complex courtyard. You will see a lift on the far side of the courtyard. Take that to the second floor and New Media Labs is directly opposite the lift as you exit. Ring the buzzer. πŸ“œ The Fineprint ---------------------- CTFEDs' Code of Conduct is here: http://ctfeds.org/code-of-conduct/. We're serious about offering a warm, inclusive, safe space to learn. :)

    12
  • Do you even Flex...box?

    CodeBridge

    πŸ’‘ Topic ---------------------- As a front-end developer, Flexbox is a must have skill in 2019. It is being used increasingly everywhere online. Understanding it and being able to apply it, could make the difference during a hiring process. Join us for this mini-workshop on Flexbox where we will cover the basics through an online game, put it into practice through an example that can be useful for your next website, and finally will cover some examples of how it is used in a website. πŸ›Έ Facilitators ------------------- Zeeshaan is a self-taught React Developer working at OpenUp as a Junior. He is a proud member of the Codebridge Community (Newlands) and is passionate about bringing designs to life and helping beginners along their coding journey. πŸ“— Prerequisite ------------------- Knowledge of HTML and CSS πŸ±β€πŸ‘€ Resources ------------------- Flexbox article: https://medium.com/@maudarbocus.zeeshaan/do-you-even-flex-box-c16449cfca96 CodePen: https://codepen.io/collection/DrwYRr/2/ Git Repo Starter-Pack: https://github.com/ZeeshaanMaudar/Flexbox-demo-starter Git Repo Final: https://github.com/ZeeshaanMaudar/final-flexbox-kangaroo-demo πŸ’» What should I bring? ------------------- You should bring a laptop (or even desktop computer if you are up for it) in order to finish the exercises prepared by the facilitators. We have more than enough power outlets and a super-speedy internet already set up! 🏑 The Venue ------------------ The talk will be hosted at Codebridge Newlands: https://www.facebook.com/codebridge/. Loads of free parking at the entrance of the venue! ❀️ Our sponsor ------------------- Snacks, drinks and the free shuttle service is provided by our amazing sponsor, NML (https://nml.co.za/), a local Cape Town software development team specialising in financial services. If you are interested in learning more you can get in contact with them at https://nml.co.za/contact-us 🚐 What about transport/parking? ------------------- We have lots of free parking right at the door if you are coming by car or motorcycle. The venue is also very close to the Newlands taxi rank (500m) and the Newlands train station (300m) if you are coming by public transport. In line with our mandate to promote diversity in web development we offer a shuttle service to Khayelitsha, Mitchells Plain, Guguletu, Langa, Bonteheuwel, Delft, Blue Downs and the surrounding areas. If you are able to get to the venue via taxi or public transport we are happy to organised a lift for you back home when the event ends. Note: If you are interested in using the free shuttle service please fill in the following form: https://goo.gl/forms/QMxRFLaHjJmHEXyx1 πŸ“œ The Fineprint ---------------------- CTFEDs' Code of Conduct is here: http://ctfeds.org/code-of-conduct/. We're serious about offering a warm, inclusive, safe space to learn. :)

    4
  • Speak Up! Workshop - The fine art of sharing and presenting

    We're re-running an updated version of "Speak up!" workshop: the fine art of sharing and presenting"! Public speaking can be a bit intimidating at first, but it's a super valuable skill to have. Not only socially but also in terms of knowing how to promote yourself, your ideas, and advancing your career in tech. So we've put together a workshop to help you get started. In the workshop we'll help debunk some myths about speaking (like "I have nothing to talk about" and "I don't have enough experience with the topic"), share advice from some top speakers across the world (on submitting a talk, preparing a talk, and giving a talk), and help you do some practical exercises to bring things together. At the end of the session you'll have a short bio you can use for talk proposals, your LinkedIn profile or your own personal website! We'll also have helped you generate some ideas for talks, and you will have given a lightning talk to the rest of the attendees. Woo! \o/ About you -------------- There are no pre-requisites for this workshop. You don't have to be an experienced developer, or have given a talk before. You don't even have to be a Front-end developer. Tell your friends! πŸ›Έ Facilitators ------------------- πŸ‘½ Schalk Venter is a frontend developer and UI designer that works for a civic-tech non-profit called OpenUp (https://openup.org.za/). He is passionate about the intersection between technology and social good, and a big fan of the JAMstack (https://jamstack.org/) front-end architecture. πŸ‘½ During the work week Danielle Eriksen is the lone frontend developer and budding conversational UI/UX expert for Atura, an automated chatbot based assistance platform. In her spare time, she enjoys making things with lego, brewing beer and being a cat lap. She also tries to help and encourage peeps to talk and share their experiences/knowledge in the Front-end scene. 🏑 The Venue ------------------ The talk will be hosted at Codebridge Newlands: https://www.facebook.com/codebridge/. Loads of free parking at the entrance of the venue! πŸ“œ The Fineprint ---------------------- CTFEDs' Code of Conduct is here: http://ctfeds.org/code-of-conduct/. We're serious about offering a warm, inclusive, safe space to learn. :)

    5
  • Free Full-day GraphQL Workshop

    CodeBridge

    πŸ’œ So what’s this GraphQL thing I keep hearing about? GraphQL (https://graphql.org) is a new (and game-changing!) way for front-end developers to request/send data from/to a remote API endpoint. It solves a lot of the pain-points usually associated with regular REST API endpoints, and is already widely used by a range of tech teams from Pinterest, Paypal, Facebook, Github to local South African startups like GetTruck (https://gettruck.co.za), Bettr (https://bettr.finance) and Dine4Six (https://dine4six.com). If you are interested in learning more about GraphQL and leaving with a fully functional GraphQL example to put in your CV/portfolio, then join us for the above. Note: If you are interested in using the free shuttle service please fill in the following form: https://goo.gl/forms/QMxRFLaHjJmHEXyx1 πŸ›Έ Facilitators ------------------- πŸ‘½ Shailen Naidoo is a polymath who co-founded a local logistics startup called GetTruck Technologies (https://gettruck.co.za). He is a fullstack JavaScript developer who works mostly with Vue.js, Node.js and GraphQL. πŸ‘½ Pi Delport is software developer who builds systems in Python, Django, and whatever else is handy. She might also talk your ear off about FP, type systems, burlesque, craft beer, and amateur radio. She worked on Dine4Six, which is a startup project that uses GraphQL behind the scenes πŸ‘½ Marcin Jekot is a functional programmer, who works with Node.js, Clojure, and lately ReasonML/OCaml. He loves React, and GraphQL, and is using both in production to make the codebase behind https://bettr.finance more sane. πŸ‘½ Schalk Venter is a frontend developer and UI designer that works for a civic-tech non-profit called OpenUp (https://openup.org.za/). He is passionate about the intersection between technology and social good, and a big fan of the JAMstack (https://jamstack.org/) front-end architecture. πŸ’» What should I bring? ------------------- You are required to bring a laptop (or even desktop computer if you are up for it) in order to finish the exercises prepared by the facilitators. We have more than enough power outlets and a super-speedy internet already set up! ⏰ Schedule ------------------- Event runs from 11:00 to 16:00 (with a short lunch break in between). Unfortunately lunch will not be supplied. However, there is a Pick 'n Pay and Woolworths Food across the road (100m), and the Cavendish shopping center is also within walking distance (500m). However, you are more than welcome to bring your own snacks/drinks/beer/etc. There will also be a coffee maker, tea and rusks/biscuits. ❀️ Our sponsor ------------------- Snacks, drinks and the free shuttle service is provided by our amazing sponsor, New Media Labs (https://nml.co.za/), a local Cape Town software development team specialising in financial services. If you are interested in learning more you can get in contact with them at https://nml.co.za/contact-us 🚐 What about transport/parking? ------------------- We have lots of free parking right at the door if you are coming by car or motorcycle. The venue is also very close to the Newlands taxi rank (500m) and the Newlands train station (300m) if you are coming by public transport. In line with our mandate to promote diversity in web development we offer a shuttle service to Khayelitsha, Mitchells Plain, Guguletu, Langa, Bonteheuwel, Delft, Blue Downs and the surrounding areas. If you are able to get to the venue via taxi or public transport we are happy to organised a lift for you back home when the event ends. Note: If you are interested in using the free shuttle service please fill in the following form: https://goo.gl/forms/QMxRFLaHjJmHEXyx1 πŸ“œ The fineprint ------------------- Attendees must follow our Code of Conduct. View our Code of Conduct at http://ctfeds.org/code-of-conduct/.

    22
  • Show Your Work: lightning demos!

    CodeBridge

    For our last event of 2018, we're going to have 6 little lightning talks and demos. ⚑ We'll do 3 talks, then have a break for questions. Then we'll do the next 3 talks, then another question session. During the demos we'll write our questions down on sticky notes so that we don't forget them. Speaker and talks ------------------------ Alicia de Wet ------------------ "Sending Email without a backend" Have you ever had to send email from a React site without introducing a backend or serverless solution, such as AWS Lambda? Join Alicia as she briefly talks through a recent project and how she implemented a solution to send email from a site using EMailJS and Mailgun. Pi Delport ------------- "Flexbox layout: Small, simple, responsive, robust" Do you still reach for the CSS `float` and `clear` properties to position and align elements? There is a better way! This talk introduces the flexbox layout model, and shows how you can use it to declare layouts that are simple to reason about, responsive to change, and robust under a wide variety of conditions. Cory Zue ------------- "Building a Chrome extension" Ever wanted to build a Chrome extension but weren’t sure where to start? Well it turns out that it’s really easy! In this talk Cory Zue will talk about his experience building Photos New Tab (http://www.photosnewtab.com/) - a Chrome extension that replaces your new tab screen with random photos from your Google Photos account. Justin Slack ---------------- "On variable fonts" In 2016 Adobe, Microsoft, Apple, and Google announced Version 1.8 of the OpenType font format which introduced variable fonts - a format in which the equivalent of multiple individual fonts can be packaged within a single font file. In this talk, we will look at what variable fonts are and how we can use them in our work today. Danielle Eriksen and Schalk Venter ----------------------------------------------- "Demystifying 'this' in JavaScript" Ever tried calling 'this' in JavaScript and got something totally different than what you expected (or even nothing at all!)? Or have you wondered why you need to add 'this.clickHandler = this.clickHandler.bind(this)' in your constructor when using the ES6 class syntax or a library like React? Join Schalk and Dani as they pull back the curtain on this (see what we did there) seemingly arcane, chaotic and unpredictable JavaScript functionality, to expose the straightforward logic that underlies it. Shailen Naidoo and Tinashe Madz ----------------------------------------------- Shailen and Tinashe team up to share some insight into PWAs and the Vue UI. --- Attendees must read and follow our Code of Conduct (http://ctfeds.org/code-of-conduct/). Thanks! :) --- Thank you to Codebridge (https://codebridge.org.za/) for providing the venue and to NML (https://nml.co.za) for sponsoring drinks. Yay!

    1
  • Web Scraping with JavaScript

    CodeBridge

    πŸ€– What is web scraping? ------------------- Web scraping is used to extract or β€œscrape” data from any web page on the Internet. Copying a list of contacts from a web directory is an example of β€œweb scraping”. But copying and pasting details from a web page into an Excel spreadsheet works for only a small amount of data and it requires a significant amount of time. To gather larger amounts of data, automation is necessary and web scrapers perform exactly that function. πŸ‘½ The speaker ------------------- Adi Eyal is the founder of OpenUp, a civic tech non-profit that uses the power of technology and data for social good. He believes that all data (even boring data) have stories to tell. Adi has employed web scraping on numerous projects that he's been involved in (from https://opengazettes.org.za/ to https://mpr.code4sa.org/). 🚐 Shuttle service ------------------- In line with our mandate to promote diversity in web development we offer a shuttle service to Khayelitsha, Mitchells Plain, Guguletu, Langa, Bonteheuwel, Delft, Blue Downs and the surrounding areas. If you are able to get to the venue via taxi or public transport we are happy to organised a lift for you back home when the event ends. Please send one of the organizers a message if you are interested. 🏑 The Venue -------------- The talk will be hosted at Codebridge Newlands: https://www.facebook.com/codebridge/. Loads of free parking at the entrance of the venue! ⏰ Time: ------- Arrive from 6:30, talk will begin at 7. You are welcome to come and work at Codebridge Newlands if you want to come earlier (either to miss traffic or if you are heading straight from the office). There is free wi-fi and coffee at the venue. :) πŸ“œ The Fineprint -------------- Attendees must follow our Code of Conduct. View our Code of Conduct at http://ctfeds.org/code-of-conduct/.

    22
  • Introduction to TypeScript

    CodeBridge

    About the talk ------------------- Have you heard about this thing called TypeScript? Do you have no idea what it is? Then this is the talk for you! Brett Miller will give us an overview on why you might want to use this open-source language to write JavaScript. Time: ------- Arrive from 6:30, talk will begin at 7. The Venue -------------- The talk will be hosted at Codebridge in the Newlands/Claremont area: https://www.facebook.com/codebridge/. Loads of free parking at the venue! Overview of TypeScript ------------------- TypeScript starts from the same syntax and semantics that millions of JavaScript developers know today. Use existing JavaScript code, incorporate popular JavaScript libraries, and call TypeScript code from JavaScript. TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer). The Fineprint -------------- Attendees must follow our Code of Conduct. View our Code of Conduct at http://ctfeds.org/code-of-conduct/. Thanks! :)

    9
  • What the ES6? β€” Free full-day JavaScript course.

    Please note: ------------------- The response to this workshop has been overwhelming but we are unfortunately not going to be able to accommodate everyone this time around. As a result we have decided to close RSVPs. If you are already on the waiting list you still have a chance of attending if any current attendees drop out. Because of the great interest in the topic we will run it again in the near future. ❓ About the course ------------------- Webpack, Babel and TypeScript, Oh My! After 16 years of stagnation and false starts, there has been a sudden surge over the last 3 years of exciting updates to the JavaScript language and eco-system. However, despite all the fanfare, for some this torrent of activity more closely resemble a tidal-wave, well on its way to crushing the JavaScript they know. I've you're feeling overwhelmed by all the new developments in the world of JavaScript, this is your opportunity to get up to speed, and leave with a live ES6 site that you can put in your portfolio/CV. ⏰ Schedule ------------------- Event runs from 10:00 to 17:00 (with a lunch break between 13:00 - 14:00) at Codebridge (loads of free parking). There is a Pick 'n Pay and Woolworths Food across the road, and the Cavendish shopping center is also within walking distance. However, you are more than welcome to bring your own snacks/beer/etc. We will also be doing toasted sandwiches in the oven at 13:00 for those that are keen. There will also be a coffee maker, tea and rusks to keep you going through the day. 🎁 Content ------------------- We will start by unpacking some core ES6 concepts, with live coding examples. Attendees will then proceed by building their own ES6 micro-site (similar to https://humans-in-space.netlify.com) with help from the facilitators and fellow attendees. The agenda for the day is as follows: 1. What is ES6? 2. The History of JavaScript 3. Why ES6 is a huge deal 4. The future of JavaScript after ES6 5. What are the following, and why/when do we need them: - Syntax transpilers (Babel, Google Traceur, etc.) - Polyfills (Core JS, Babel Polyfill, etc.) - Module Resolvers (Webpack, Rollup, etc.) - JavaScipt super-set languages (TypeScript, Clojure, etc.) 6. Key ES6 changes to JavaScript: - Strings and template literals. - New const and let variables. - The new arrow function. - Changes to arrays and objects. - Loops and generators. - Classes and symbols. - Promises and a new way to do AJAX. - ES Modules. 7. Attendees to build one of either micro-site: - A site that dynamically generates either a Chuck Norris joke or a random inspirational quote by using https://api.chucknorris.io/jokes/random or https://quotesondesign.com/wp-json/posts?. - An interactive site that displays and allow user to compare data from SpaceX launches: https://api.spacexdata.com/v2/launches. πŸ‘½ Facilitators ------------------- Schalk is a frontend developer/designer that works for a civic-tech non-profit called OpenUp (https://openup.org.za/). He also co-manages Codebridge, a collaborative volunteer space where developers use technology to bridge social divides and empower local communities (https://www.meetup.com/OpenUp/events/). Alicia is a publisher turned frontend developer, working as a freelancer. She is passionate about CSS and JS animations and is steadily building a knowledge of different frontend technologies. 🏑 Venue ------------------- Codebridge is an open community of programmers, activists, data analysts, designers, human rights lawyers, government officials, journalists, visual artists, storytellers at the intersection of civic-tech and social change. It is a space where civic tech is used to develop innovations and alternate ways to address some of society's problems. πŸ“œ The fineprint ------------------- Attendees must follow our Code of Conduct. View our Code of Conduct at http://ctfeds.org/code-of-conduct/. Thanks! :)

    27
  • Intro to SVG path animation & JS easing functions

    About the talk ------------------- We'll be recreating the wave animation found on the below link by delving into the foundations of SVG path & Javascript easing functions. https://youtu.be/fgzBnJUc4Go Time: ------- Arrive from 6:30, talk will begin at 7. About the speaker ------------------------- Mikey Wallis is the tech lead at Platinum Seed. He has a passion for technology and the people who use it to change the world around them. https://www.platinumseed.com/ About you -------------- This talk is for people who are familiar with HTML, CSS & Javascript but is aimed at beginners. The concepts we will be explaining will be foundational but having a bit of general SVG & CSS animation knowledge will be helpful. -------------- Thanks very much to Platinum Seed for sponsoring the venue and drinks (https://www.platinumseed.com/) -------------- Attendees must follow our Code of Conduct. View our Code of Conduct at http://ctfeds.org/code-of-conduct/. Thanks! :)

    11