Monday 

Room 5 

09:00 - 17:00 

(UTC+02

2 Days

Front End Web Fundamentals

Where is the border between frontend and backend web development? Yeah, exactly. It is becoming increasingly common for developers to work in both areas, yet only have the skillset for one. This often results in relying on third party frameworks or components like Bootstrap to pull a layout together, further weighing down the application with unnecessary code libraries and resulting technical debt.

Web

This hands on workshop covers modern front end fundamentals, enabling you to create a layout and components without the need for any third party code. You learn core accessibility concepts to make your project more accessible without having to write complex code, take shortcuts or deal with browser specific implementations.

Once that is done, we then move on to testing our application, making sure that our accessibility improvements are there, watching for any unintended changes and making sure that the application works as it's supposed to. Through automated tools that can be implemented as part of a deployment pipeline, to manual tools to check on the fly, there are plenty of options to ensure the front end is being tested as thoroughly as the back end.

After the tests are written, we'll then integrate them as part of an approval and deployment pipeline. Automating the tests for pull requests, running through GitHub actions and ensuring that code is fully tested before it reaches the production branch of your repo.

TOPICS

  • Semantic HTML
  • Accessibility
  • CSS Layouts
  • Modern CSS
  • Accessibility Testing (automated and manual tests)
  • Visual Regression Testing
  • UI Testing
  • Setting up an automated testing pipeline

TOOLS

This workshop involves using various testing tools, and involves getting started with the tools from the beginning without any prior experience. Where possible, open source tools are used.

  • Accessibility Testing: aXe and Pa11y
  • Visual Regression Testing: Percy
  • UI Testing: Playwright
  • Automating tests: GitHub Actions

WHO SHOULD ATTEND

This workshop is aimed at anyone who works with front end code on a regular basis and needs to keep up to date with the constantly changing world of front end development. Even if you're just brushing up on your skills, this is the workshop for you.

PRE-REQUISITES

Some experience with front end code desirable, a basic understanding of HTML and CSS as fundamental concepts won't be covered. Some experience with JavaScript is also useful as the tests will be written in JavaScript.

Amy Kapernick

Amy wears many hats as a business owner, senior engineer, mentor and conference addict. She regularly shares her knowledge with her peers and the next generation of developers by mentoring, speaking at and organising events as well as mentoring up and coming developers within her business.

Amy can be found volunteering her time with DDD Perth as Vice Chair and Director of Conference Content, organising Perth Azure User Group and mentoring at various SheCodes events. She has been recognised as a Twilio Champion and a Microsoft MVP since 2019 and has been nominated for the WiTWA awards previously.

In her spare time Amy shares her knowledge and experience writing blogs, speaking at conferences and running workshops on a variety of topics across front end development, accessibility, mental health and more. She has previously given keynotes at international events and conferences around the world.