Updates on Mon 20.02/Tue 21.02/Wed 22.02 - Linters (jsdoc, eslint, react, fp) pullable from course upstream:
Lecture times:
Exercises (in teams):
This course is designed to introduce you to some of the most popular and widely-used tools and technologies for building modern web applications.
During this course, we'll be going through the following main topics:
You'll start by learning about Elm, a functional programming language for building reliable web applications. Elm's strict type system and functional approach make it easy to reason about code, and its runtime guarantees help you avoid common pitfalls like null reference exceptions.
Next, you'll move on to Vue.js, a progressive JavaScript framework for building user interfaces. Vue.js is a great choice for building single-page applications, and it's also a great way to add interactivity to static sites.
Then, you'll delve into React, a powerful JavaScript library for building user interfaces. React's declarative approach makes it easy to build complex, interactive UIs, and its virtual DOM makes rendering fast and efficient.
Next, you'll learn about Redux, a state management library that is often used with React. Redux helps you manage your application's state in a predictable way, making it easier to debug and test your code.
Finally, you'll learn about Pinia, a state management library that is used with Vue. Pinia replaces Vuex, which is a welcome change Pinia being more straight-forward and slick.
By the end of this course, we hope you'll have a strong foundation in all these wonderful technologies and a good understanding of topics such as routing and state management, and you'll be ready to build your own web applications with better confidence than before. Happy coding!
Show:
Sunday, 1 January 2023, 09:00 – Tuesday, 6 June 2023, 18:00
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 1.1 Lectures and videos | |||
| 1.1.1 Lectures and videos | material | 0 / 10 | 0 / 0 |
| 1.2 On-line material | |||
| 1.2.1 Other on-line material | material | 0 / 10 | 0 / 0 |
| 1.3 Exercises pulled from course-upstream | |||
| 1.3.1 Setting course-upstream | lect01 | 0 | 0 / 0 |
Tuesday, 10 January 2023, 10:00 – Tuesday, 17 January 2023, 10:00
Late submissions are allowed until Thursday, 19 January 2023, 12:00.
However, points are only worth 25%.
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 2.1 Elm basics | |||
| 2.1.1 Elm multiple-choice question | elm | 0 / 3 | 0 / 20 |
| 2.2 Players CRUD | |||
| 2.2.1 Players CRUD | elm | 0 / 10 | 0 / 25 |
| 2.3 Fetch Players | |||
| 2.3.1 Players fetch | elm | 0 / 10 | 0 / 25 |
| 2.4 Players CRUD 2 | |||
| 2.4.1 Players CRUD 2 | elm | 0 / 10 | 0 / 25 |
| 2.5 Questions and difficulties | |||
| 2.5.1 Self-reflections | elm | 0 / 10 | 0 / 5 |
Thursday, 19 January 2023, 12:00 – Thursday, 26 January 2023, 12:00
Late submissions are allowed until Tuesday, 31 January 2023, 10:00.
However, points are only worth 25%.
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 3.1 Vue basics | |||
| 3.1.1 Vue multiple-choice question | vue | 0 / 3 | 0 / 10 |
| 3.2 Players Fetch | |||
| 3.2.1 Players fetch handled with vue | vue | 0 / 10 | 0 / 20 |
| 3.3 Players CRUD | |||
| 3.3.1 Players CRUD handled with vue | vue | 0 / 10 | 0 / 20 |
| 3.4 Players CRUD 2 | |||
| 3.4.1 Players CRUD2 handled with vue | vue | 0 / 10 | 0 / 20 |
| 3.5 Questions and difficulties | |||
| 3.5.1 Self-reflections | vue | 0 / 10 | 0 / 10 |
Tuesday, 31 January 2023, 10:00 – Tuesday, 7 February 2023, 10:00
Late submissions are allowed until Thursday, 9 February 2023, 12:00.
However, points are only worth 25%.
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 4.1 React basics | |||
| 4.1.1 React multiple-choice question | react | 0 / 3 | 0 / 10 |
| 4.2 Players Fetch - React | |||
| 4.2.1 Players fetch handled with react | react | 0 / 10 | 0 / 25 |
| 4.3 Players CRUD - React | |||
| 4.3.1 Players CRUD handled with react | react | 0 / 10 | 0 / 25 |
| 4.4 Players CRUD2 - React | |||
| 4.4.1 Players CRUD2 handled with react | react | 0 / 10 | 0 / 30 |
| 4.5 Questions and difficulties | |||
| 4.5.1 Self-reflections | react | 0 / 10 | 0 / 10 |
Thursday, 9 February 2023, 12:00 – Thursday, 16 February 2023, 12:00
Late submissions are allowed until Tuesday, 21 February 2023, 10:00.
However, points are only worth 25%.
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 5.1 Redux basics | |||
| 5.1.1 Redux multiple-choice question | redux | 0 / 3 | 0 / 10 |
| 5.2 Pure Redux | |||
| 5.2.1 Pure Redux | redux | 0 / 10 | 0 / 20 |
| 5.3 React + redux | |||
| 5.3.1 React + redux | redux | 0 / 10 | 0 / 30 |
| 5.4 Redux thunk | |||
| 5.4.1 Thunks as a middleware for async ops | redux | 0 / 10 | 0 / 30 |
| 5.5 Questions and difficulties | |||
| 5.5.1 Self-reflections | redux | 0 / 10 | 0 / 10 |
Thursday, 9 February 2023, 12:00 – Thursday, 23 February 2023, 12:00
Late submissions are allowed until Friday, 3 March 2023, 10:00.
However, points are only worth 25%.
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 6.1 Players CRUD in Pinia | |||
| 6.1.1 Players CRUD handled with Pinia | pinia | 0 / 10 | 0 / 20 |
Friday, 17 February 2023, 16:00 – Friday, 31 March 2023, 23:59
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 7.1 Assignment instructions | |||
Tuesday, 21 February 2023, 20:00 – Friday, 31 March 2023, 23:59
14 points required to pass the module.
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 8.1 Level 1 | |||
| 8.1.1 Development graders | |||
| 8.1.2 Unit test grader | |||
| 8.1.2.1 Unit tests | level1 | 0 / 20 | 0 / 10 |
| 8.1.3 E2E grader | |||
| 8.1.3.1 E2E tests | level1 | 0 / 20 | 0 / 10 |
| 8.1.4 JSDoc Grader | |||
| 8.1.4.1 JSDoc Lint | level1 | 0 / 20 | 0 / 1 |
| 8.1.5 Level1 Grader (0=>no pass,1 =>pass(0), 2=>1) | |||
| 8.1.5.1 Level1 Grader | level1-final | 0 / 20 | 0 / 2 |
Wednesday, 22 February 2023, 16:00 – Friday, 31 March 2023, 23:59
| Assignment | Category | Submissions | Points |
|---|---|---|---|
| 9.1 Level 2 | |||
| 9.1.1 Development graders | |||
| 9.1.2 ESLint | |||
| 9.1.2.1 ESLint for coding conventions | level2 | 0 / 20 | 0 / 10 |
| 9.1.3 React/Redux linting | |||
| 9.1.3.1 React/redux linting | level2 | 0 / 20 | 0 / 10 |
| 9.1.4 Functional programming | |||
| 9.1.4.1 Functional programming (map, filter, reduce) | level2 | 0 / 20 | 0 / 10 |
| 9.1.5 Level2 Grader | |||
| 9.1.5.1 +1, if at least two of three linters pass | level2-final | 0 / 20 | 0 / 1 |
elm
0 / 100
level1
0 / 21
level1-final
0 / 2
level2
0 / 30
level2-final
0 / 1
pinia
0 / 20
react
0 / 100
redux
0 / 100
vue
0 / 80