Workshops

Hi, I'm Amy 👋

I'm a Speaker

I am currently running a variety of workshops on front end tech, both in person and online.

Want me to run a workshop at your company or event? The workshops I'm running are below, and you can get in touch here

Modern Front End Fundamentals - CSS Layouts

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.

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. Touching on the various layout specs, including Flexbox, CSS Grid and when to use floats and tables (yes there is a time and place for these).

Modern Front End Fundamentals

What does a modern front end actually look like? It's one that built using semantic HTML, the layouts are built with modern CSS and no frameworks, is accessible to all users no matter their abilities or how they consume the site and all this is backed up with a completely automated testing pipeline to ensure code changes only affect what we intended.

Unless you're working in the front end on a daily basis, it's hard to keep up to date and ensure that your front end is still modern. 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.