Skip to content

Report on Upskilling

JavaScript basics with HTML and CSS

I have spent some time upskilling to contribute to this project. So far, I have learnt the basics of using JavaScript with HTML and CSS. I have completed a 7-hour course online and followed through each chapter of the basics and I understand the basic concepts of working with these languages together for web development.

The online courses focused mainly on the fundamentals of JavaScript, HTML and CSS. I have learnt a few important information from this course:

  • JavaScript basics
  • Modifying text styles, text boxes and images using CSS
  • Chrome DevTools – tool for debugging and inspecting code
  • CSS Box Model – designing and positioning elements on a website. Structure of HTML

Courses for this upskilling

  • HTML to CSS Full Course (Beginner)
  • JavaScript, HTML & CSS Basics

CSS and Javascript, vue.js upskilling

I have learnt how to modify existing CSS code to remove unnecessary code without changing the appearance of the website. I have also learnt how vue.js works and how to make changes to existing code. This is to help with tasks related to improving network payloads, . Here is a list of what I have learnt during this upskilling:

  • remove unused CSS code
  • remove unused JavaScript code
  • including webpacks to help with CSS & JS codes
  • purpose of vue.js, and how it functions

Topics covered

  • Removing unused CSS, JavaScript and HTML code
  • Learn webpacks to help minify CSS, JavaScript and HTML
  • Vue.js for beginners

Lazy loading, TreeShaking and Ant Design upskilling

I have learnt how to implement lazy routing and TreeShaking into the existing code to help with some performance issues. I have also learnt about Ant Design, it’s purpose and how it works. This upskilling helps with tasks related to PRPL and modifying/reducing impact of thirs party code. I have learnt the following:

  • What is lazy routing
  • How to properly implement lazy loading
  • What is TreeShaking and what does it to
  • How to implement TreeShaking
  • What is Ant Design and why is it used

Topics covered for this upskilling

  • Vue router tutorial
  • Lazy routing and code splitting
  • What is TreeShaking and how to implement
  • Ant Design courses