Front-end 2 (FED2) || year 2020-2021

Table of Contents

• Synopsis
• Description
• Communication
• Goals
• Grade
• Calendar
• Effort
• Materials
• Bugs
• Programme
• Conduct
• License

Program overview

Each week we discuss a different topic within the field of Front-end development (FED). You can find the details with respect to homework | topics | resources and more in the week-number.md files.

• Week1: Getting started || Refresh FED knowledge || Folder structure
• Week2: Progressive Enhancement || Code Plan || Start writing code for Job story (From Project Tech course)
• Week3: Show code progress in small groups || Document findings in WIKI || Continue working on Job Story
• Week4: Holidays
• Week5: HOF - continue working on Matching app
• Week6: Assessment 1 (digital test - WIKI - 50%) grades do not compensate each other. Deadline for submissions is 09-03
• Week7: Working in teams || Merging individual FED features in order to create a working Matching App
• Week8: Finalizing team project
• Week9: Assessment 2 (oral test - 50%) grades do not compensate each other

Check rooster.hva for exact class dates

Synopsis

The course Frontend is given at @CMDA in 2020 in the third en fourth quarter

• Course: Frontend 2
• Coordinator: Janno Kapritsias
• Lecturers: Robert Spier & Janno Kapritsias
• SIS: Frontend Development 2
• Credit: 3 ECTS
• Academic year: 2020-2021
• Period: Quarter 3 & 4
• Programme: Communication and Multimedia Design (full time bachelor)
• Language: Dutch instructions and English resources
• Entry requirements: N/A

Description

In Frontend 2 we concentrate on improving the knowledge core JavaScript concepts and learn how to progressively enhance interfaces with HTML, CSS & JavaScript. In so called Dev-❤️-Devs sessions (based on a method developed by De Voorhoede) multiple frontend components are designed and build.

Frontend 2 is an elective course given in Quarter 3 & 4 after the core curriculum of our programme, building further on knowledge acquired in Internetstandaarden, Inleiding Programmeren, and Frontend 1. This course is chosen alongside Backend and Project Tech, together making up Block Tech. In Project Tech you’ll apply your newfound frontend skills.

If you’d like to continue with web development after this course, do a tech internship next quarter (Q4), choose Information Design (includes Frontend Apps, Functional Programming, and Frontend Data) for the fall semester next year, and pick Minor Everything Web in the spring semester after that.

Communication

• GitHub — Main source of information, assignments, important dates, and more
• Slack — General chatter and Q&A
• Moodle — Schedulers

Goals

Main goals

The two main goals in this course are that you:

• Improve your knowledge about core JavaScript concepts
• Are able to build progressively enhanced frontend components

Grade

Participation, assessments 1 & assessment 2 don't compensate each other

Materials

Resources used in this course

• 🆓 Eloquent JavaScript — Modern intro to programming

Resources to refresh your memory

• 🆓 Codecademy (course) — Intro to JavaScript: Learn to code interactively
• 🆓 Re-introduction to JavaScript (article) — Short re-introduction to JavaScript
• 🆓 JavaScript Essentials (course) — Learn JavaScript on Lynda (free for AUAS students through our portal)
• 🆓 JavaScript For Cats (book) — Intro to JavaScript for new programmers
• 🆓 JavaScript 30 (course) — 30 day vanilla JavaScript coding challenge
• 🆓 Programming 101: Learn English (video)

Resources used in previous courses

• Duckett, Jon. HTML & CSS. John Wiley & Sons, 2015 (internetstandaarden)
• Howe, Shay. Learn to Code HTML & CSS. New Riders, 2014 (internetstandaarden)
• Duckett, Jon. JavaScript & jQuery. John Wiley & Sons, 2015 (inleiding programmeren)

Bugs

If you have questions:

• Read the manual for the technology in question (Git, GitHub, Node, npm, express, MySQL, MongoDB)
• [Browse examples][examples]
• Search StackOverflow
• Use a search engine like DuckDuckGo
• Ask questions on Slack
• Contact a lecturer

Programme

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

Conduct

This course has a Code of Conduct. 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 (Regeling Ongewenst Gedrag).

License

Unless stated otherwise, code is MIT © [Janno Kapritsias][author], docs and images are CC-BY-4.0.