fe-course-22-23

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #llm #golang #machine-learning #rust #docker #macos #java #awesome #kubernetes #awesome-list

fe-course-22-23

(★ 22)

🎓 Front-end 2 · 2022-2023 · Curriculum and Syllabus

fe-course-22-23 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ![Front-end 2 - Course 2021-2022][banner]

## Table of Content

*   [Synopsis](#synopsis)
*   [Description](#description)
*   [Communication](#communication)
*   [Goals](#goals)
*   [Grade](#grade)
*   [Programme](#programme)
*   [Conduct](#conduct)
*   [Statements](#statements)
*   [License](#license)

## Synopsis

The course **Front-end** is given at [**@CMDA**][cmda] in 2022 between February and June.

*   **Course**: [Front-end Development 2][course] (`2000FED221`)
*   **Coordinator**: [Robert Spier][robgit] - r.spier@hva.nl
*   **Lecturers**:
    [Robert Spier][robgit] ([**roberrrt-s**][robgit]) and [Michael Kern][kerngit] ([**emkern**][kerngit])
*   **Credit**: 3 ECTS
*   **Academic year**: 2021-2022
*   **Period**: Quarter 3 (spring)
*   **University**: [Amsterdam University of Applied Sciences][university]
*   **Programme**: [Communication and Multimedia Design][cmd] (full time bachelor CROHO: `34092`)
*   **Faculty**: [Digital Media and Creative Industries][faculty]
*   **Language**: Dutch instructions and English resources
*   **Entry requirements**: N/A

## Description
In Front-end 2 we concentrate on improving the knowledge core JavaScript concepts and learn how to progressively enhance interfaces with mostly JavaScript. Multiple frontend components are designed and build using client-side JavaScript.

Front-end 2 is an elective course given in Quarter 3 (spring) after the core curriculum of our programme, building further on knowledge acquired in *Internetstandaarden*, *Inleiding Programmeren*, and *Blok Web*. This course is chosen alongside **Back-end** and **Project Tech**, together making up Block Tech.

If you’d like to continue with web development after this course, do a tech internship, choose the [Tech Track][track] for the fall semester next year, and pick [Minor Everything Web][minor] in the spring semester after that. Just a quick check if anyone actually reads this: if you see this, please send your teacher a picture of your favorite animal.

_Front-end 2 is part of the  CMD Amsterdam **design & build space** (technical course) that focusses on   Conceptualizing (2), Imagining and creating (3), Multidisciplinary collaboration (5) & Research (9) competences._

## Communication

*   [GitHub][gh] — Main source of information, slides, assignments and more
*   [Microsoft Teams][teams] — General chatter and Q&A
*   [Brightspace][brightspace] — Schedulers, rubrics and grading

If you have questions:

*   Read the manual for the technology in question
    ([Git](https://git-scm.com/docs),
    [GitHub](https://guides.github.com),
    [MDN JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide))
*   [Browse examples][examples]
*   [Search StackOverflow][stackoverflow]
*   [Use a search engine like DuckDuckGo][duckduckgo]
*   [Ask questions on MS Teams][teams]

> This course doesn't have office hours. Teachers have limited time to help you outside of class. Attendance to class is not compulsory. 80% of success in this course is showing up, so show up and come prepared with your questions. Don't hesitate to ask questions or feedback during class.

## Goals

### Main goals

The main goals in this course:

* You improve your knowledge about core (ES6+) JavaScript concepts
* You know what progressive enhancement means (and understand how fallbacks work)
* You can build an enhanced frontend component with client-side JavaScript
* You understand how events work and can manipulate the DOM
* You understand the use of API's and can implement a web and third-party API's
* You can optimize a front-end application for production use
* You are able to read documentation and research technical topics

### Sub goals

In practice you’ll learn to:

The below table breaks down the general time needed per week.

| Week | Effort | Topic            | Activities                                             |
| ---- | -----: | ---------------- | ------------------------------------------------------ |
| 0    |  NaN   | getting started  | getting started                                  |
| 1    |  9:20h / 14:30h | ES6 + Datatypes   | lab     |
| 2    |  9:20h / 14:30h | Events + DOM | lab     |
| 3    |  9:20h / 14:30h | Async + Promises | lab |
| 4    |  9:20h / 14:30h | Coding Principles + PE| lab    |
| 5    |  NaN   | assessment 1     | a1                              |
| 6    | 13:20h | Code Reviews           | lab (work on team application )                       |
| 7    | 13:20h | Code Reviews            | lab (work on team application)                       |
| 8    |  NaN   | assessment 2     | a2                            |

> Check [`rooster.hva.nl`][class] for exact class dates

## Grade

| Task                                |   Weight |
| ----------------------------------  | -------: |
| [Assessment 1][gradinga1] (individual)|      50% |
| [Assessment 2][gradinga2] (team)      |      50% |
| **Total**                           | **100%** |

```js
if (!a1 && !a2) {
  grade = 'GR'
} else if (a1 < 5.5 || a2 < 5.5) {
  grade = 1
} else {
  grade = (a1 * 0.5) + (a2 * 0.5)
}
```

## Programme

This course is given at [Communication and Multimedia Design][bachelor], a
design bachelor focused on interactive digital products and services.  CMD is
part of the [Faculty of Digital Media and Creative Industries][faculty] at the
[Amsterdam University of Applied Sciences][university].

Our curriculum and course material are publicly available on the Block Tech (github.com/cmda-bt) GitHub organization. We follow the global trend to make teaching materials accessible to everyone inspired by the [Open Education Global][oec].

## Conduct

This course has a [Code of Conduct][coc].  Anyone interacting with this repository, organisation, or community is bound by it. Staff and students of the Amsterdam University of Applied Sciences (Hogeschool
van Amsterdam) are additionally bound by the [Regulation Undesirable
Conduct][ruc] ([Regeling Ongewenst Gedrag][rog]).

## Statements

We are dedicated to provide you with a learning environment that is _rigorous, respectful and supportive_ so you can engage in the free exchange of ideas and commit yourself fully to the study of your discipline. To that end we are committed to enforce important AUAS policies. You can find our policies and statements (e.g. accessibility, health, plagiarism) in the `docs` folder.

## License

[banner]: https://raw.githubusercontent.com/cmda-bt/fe-course-22-23/main/assets/banner.svg
[cmd]: https://www.cmd-amsterdam.nl/english/
[cmda]: https://github.com/cmda
[dangit]: https://github.com/dandevri
[danweb]: https://github.com/dandevri
[robgit]: https://github.com/roberrrt-s
[kerngit]: https://github.com/emkern
[node]: https://nodejs.org/en/
[mongodb]: https://www.mongodb.com/
[license]: https://github.com/cmda-bt/fe-course-22-23/blob/main/LICENSE
[http]: https://tools.ietf.org/html/rfc2068
[minor]: https://cmda.github.io/minor-everything-web/
[track]: https://github.com/cmda-tt
[gh]: https://github.com/cmda-bt/
[examples]: /examples
[teams]: http://teams.microsoft.com
[brightspace]: https://dlo.mijnhva.nl/d2l/home/437101
[examples]: examples
[stackoverflow]: https://stackoverflow.com
[duckduckgo]: https://duckduckgo.com
[synopsis]: #synopsis
[gradinga1]: /grading/a1.md
[gradinga2]: /grading/a2.md
[bachelor]: https://www.cmd-amsterdam.nl/english/
[faculty]: https://www.amsterdamuas.com/faculty/fdmci/faculty-of-digital-media-and-creative-industries.html
[university]: https://www.amsterdamuas.com
[coc]: code-of-conduct.md
[ruc]: https://www.amsterdamuas.com/practical-matters/algemeen/hva-breed/juridische-zaken/legal-affairs/regulation-undesirable-conduct/regulation-undesirable-conduct.html#anker-3-complaints-authority
[rog]: https://www.hva.nl/praktisch/algemeen/hva-breed/juridische-zaken/loket-beroep-bezwaar-en-klacht/regeling-ongewenst-gedrag/regeling-ongewenst-gedrag.html?origin=gbS4rg%2FDTZuxQ6lGVF%2BN1A
[author]: https://dandevri.es
[mit]: license.md#code
[cc-by-4.0]: license.md#documentation-and-images
[faq]: https://dlo.mijnhva.nl/d2l/lms/faq/view_faq.d2l?ou=32096
[class]: https://rooster.hva.nl/
[course]: https://studiegids.hva.nl/#/cmd-vt/1/010624
[oec]: https://www.oeglobal.org

[gs]: getting-started.md

[w1]: week-1.md
[w2]: week-2.md
[w3]: week-3.md
[w4]: week-4.md
[w5]: week-5.md
[w6]: week-6.md
[w7]: week-7.md

[w1lec]: week-1.md#lecture
[w2lec]: week-2.md#lecture
[w3lec]: week-3.md#lecture
[w4lec]: week-4.md#lecture
[w5lec]: week-5.md#lecture
[w6lec]: week-6.md#lecture

[w1lab]: week-1.md#lab
[w2lab]: week-2.md#lab
[w3lab]: week-3.md#lab
[w4lab]: week-4.md#lab
[w5lab]: week-5.md#lab
[w6lab]: week-6.md#lab

[w1a]: week-1.md#assignments
[w2a]: week-2.md#assignments
[w3a]: week-3.md#assignments
[w4a]: week-4.md#assignments

fe-course-22-23

fe-course-22-23 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

fe-course-22-23

fe-course-22-23 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README