Someone who writes code that is executed client-side, typically part of a end-user facing product.
In most cases, they write code for web browsers. This is a course about helping you make web browsers do things.
They largely use HTML to structure pages, CSS to style them, and Javascript to make them dynamic.
They build things for people to use.
Web is exploding.
How did we get to this point?
1. HTML Static Pages
HTML released 1993
Beginning of websites
2. Basic CSS / Javascript
JS released 1995, CSS released 1996
Now things don't like terrible
3. AJAX and background requests
AJAX appeared 2000~
A whole new class of websites, without the need to refresh
4. NodeJS & Typescript
NodeJS released 2009, TS released 2012
Type checking and common codebases - the beginning of heavy JS infrastructure
5. Hybrid Apps, Electron
Electron, Apache Cordova
Type checking and common codebases - the beginning of heavy JS infrastructure
6. Declarative Frameworks
AngularJS released 2010, ReactJS released 2013, VueJS released 2014
Building of complex applications rapidly and in a scalable way. A web approach finally optimised for apps, rather than pages.
In the vast majority of cases, your native desktop applications, native mobile applications, and web-apps or websites, can be built on a web-based, javascript based stack.
This is a new course, and we appreciate your understanding as we figure things out together.
This course has no other assumed knowledge. Experienced web developers will likely find this course slow.
Summarised
A number of topics won't be included in the course. You can read more about those specific topics in our FAQ.
Teaching front-end comes with it's challenges, including:
We have a team of staff from UNSW, Canva, and Google assisting with the course.
UNSW Team
Zain Afzal
There is no direct assessment associated with Lectures or Tutorials
Item | Due | Weighting |
---|---|---|
Assignments | Due weeks 4, 7, 10 | 75% |
Exam | Exam Period | 25% |
Start assignment 2 early.
Lectures:
Tutorials:
Exercises / Help Sessions:
Assignments:
If you need help with something, go here:
Running your code:
Gitlab
Information about style guides for particular languages can be found on the style guides page.
Throughout term, you can leave anonymous feedback by clicking on the link in the Webcms3 sidebar "Feedback"
Let's take a look at assignment 1 together
Your own personal copy of this repository has been deployed to your gitlab space.