• Learning CSS layout properties (workshop)

    Codebridge

    πŸ’‘ Topic ------------------- In this workshop we will cover new CSS layout techniques including flexbox, grid, box-alignment, writing modes and many more. πŸ›Έ Facilitator ------------------- πŸ‘½ Justin Slack is head of design and front-end development at NML (https://nml.co.za). He is fluent in HTML and CSS, and slightly obsessive about typography, web standards, and user experience. πŸ™‚ About you -------------- You should have a working knowledge of HTML and CSS. Please bring a laptop if you have one as we will be doing some hands-on coding. It will be helpful to have Firefox installed for the excellent layout developer tools. 🏑 The Venue ------------------ The talk will be hosted at Codebridge Newlands: https://www.facebook.com/codebridge.newlands. Loads of free parking at the entrance of the venue! ⏰ Schedule ------------------- The workshop runs from 10:00 to 15:00 (with a lunch break in between). Unfortunately lunch will not be supplied. There is a Pick 'n Pay and a Woolworths Food across the road (100m), and the Cavendish shopping center is also within walking distance (500m). You are more than welcome to bring your own snacks/drinks/beer/etc. There will also be a coffee maker, tea water and fruit. 🚐 What about parking and transport? ------------------- 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. πŸ’» 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 facilitator. We have more than enough power outlets and a super-speedy internet already set up! πŸ“œ The fine print ---------------------- CTFEDs' Code of Conduct is here: http://ctfeds.org/code-of-conduct/. We're serious about offering a warm, inclusive, safe space to learn. :)

    11
  • Serverless workshop

    Codebridge

    πŸ’‘ The workshop ------------------- Serverless (https://serverless.com/) has gone full life-cycle and so are we. Join us as we build an entire application consisting of multiple microservices communicating asynchronously and exposing scalable, redundant and load balanced API endpoints for use by a static front-end with monitoring, deployment and secrets management built in. All in less than 4 hours. πŸ›Έ Facilitator ------------------- πŸ‘½ Gareth McCumskey is a Customer Success Engineer at Serverless, Inc. https://serverless.com/ πŸ™‚ About you -------------- You should have a basic understanding of the web; http methods and how front-ends talk to backends. You should have basic experience with javascript, particularly Node.js. However, the language is largely immaterial. There is very little code and Gareth will explain why in the Workshop. πŸ’» 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! NB!!!! Please sign up for an AWS account before the workshop. The work that we will do on the day will not cost anything as we will be well below all the free tiers. In addition to the above, in order to save the WiFi some heart ache at the venue please install the following: * Node and NPM * Serverless: npm install -g serverless ⏰ Schedule ------------------- Event runs from 10:00 to 15:00 (with a lunch break in between). Unfortunately lunch will not be supplied. There is a Pick 'n Pay and a Woolworths Food across the road (100m), and the Cavendish shopping center is also within walking distance (500m). You are more than welcome to bring your own snacks/drinks/beer/etc. There will also be a coffee maker, tea and rusks/biscuits. 🏑 The Venue ------------------ The talk will be hosted at Codebridge Newlands: https://www.facebook.com/codebridge.newlands. Loads of free parking at the entrance of the venue! 🚐 What about 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. πŸ“œ 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. :)

    16
  • JAMstack for beginners

    Codebridge

    πŸ’‘ Topic ------------------- Heard about the JAMstack? It's not a specific set of technologies, but a steadily growing way of building modern websites/webapps that deliver better performance, higher security, and dramatically lower cost of scaling. We'll be hosting three speakers, each using the JAMstack in the majority of their day-to-day work as developers: πŸ›Έ Speakers ------------------- πŸ‘½ Shailen Naidoo is a JavaScript Developer and the co-founder of GetTruck. He will be demo how you can get started on your first JAMstack project by using the super-simple Eleventy framework (https://www.11ty.io/). πŸ‘½ Gareth McCumskey is a Customer Success Engineer at Serverless, Inc. He will demo how you can rapidly spin up backends for your JAMstack frontend using the Serverless Framework (https://serverless.com/). πŸ‘½ Schalk Venter is a freelance Front-end Development/UI Design contractor and consultant. He will demo how you can bootstrap a completely free CMS for your JAMstack projects by means of the open-source Netlify CMS library (https://www.netlifycms.org/) You can also do more reading on the JAMstack at: https://jamstack.org/ https://serverless.css-tricks.com/ 🏑 The Venue ------------------ The talk will be hosted at Codebridge Newlands: https://www.facebook.com/codebridge.newlands. Loads of free parking at the entrance of the venue! ❀️ Our sponsor ------------------- Snacks and drinks 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 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. πŸ’» What should I bring? ------------------- You are not required to bring anything along. However, you are welcome to bring your laptop along if you want to follow along or try out some of the examples yourself during the talk. We have power outlets and super-speedy internet already set up! πŸ“œ 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
  • 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