FE407
Web Tooling and Modern Setup
Faculty
Marco Barbosa
Managing Director and Co-founder, 14islands
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
To build innovative projects, you need a modern setup. In this course, we look at the latest technologies used for a modern web programming setup and discuss which ones to use and why. The goal for each student is to compare and contrast options, then make an educated decision on a setup that will be used throughout the remainder of the program.
Learning highlights
- Understand interactive development needs in order to deliver quality
- Understand the latest web frameworks and their role in the development
- Discover how to apply modern techniques from start to finish
- Apply known design patterns within a framework structure
- Be able to choose and judge a framework based on his/her own acquired experience
- Have a solid personal setup that can be used and refined throughout the program
Course outline
15 classes
Introduction
Web development life cycle
Overview of frameworks and tools
Terminal crash course
Setting up your IDE
Exercise
Toolchain
Setting up your IDE
Linting and useful configurations
Git fundamentals
Package management
Exercise
Frameworks
React
Ember
Vue
Svelte
Angular
Exercise
Practice session
Practice session
Testing
Methodologies
Debugging
Unit testing
Writing unit tests
Cross-browser quirks
Exercise
Performance
Auditing
Best practices
Devtools
Benchmarking JavaScript
Optimizations
Exercise
Deploying
Dev ops
Webhooks
Automated deployments
Hosting
Exercise
Practice session
Practice session
Static and dynamic sites
Overview
Front-end & Back-end functionalities
Gatsby
NextJS
Exercise
Design tools
Figma for developers
Common design to development tasks
Exporting code
Web design tools
Exercise
Documentation
Good practices
Style guides
Storybook
Component libraries
Practice session
Practice session
Putting all together
Recap
Project brief
Picking a front-end tech stack
Requirements for the setup
Building and deploying
Style guide and documentation
Practice session
Practice session
Final presentation
Final presentation
Course materials
Books
Prerequisites
Shell basics and GIT as a version control system (Optional)
Methodology
Most class sessions will follow a lecture and demonstration format. On occasion, we will have group debates where we will discuss problem-solving techniques. A Slack channel will be open to students where they can ask the teacher questions. Homework will be given at least two days a week, and it will be presented first thing, next class, for 5 minutes per student. Upon completion of each of the two Friday assignments and final project, class time will be devoted to project presentations and feedback. The feedback will resemble feedback that a junior designer or developer might receive at any agency or software company.
Grading
Marco Barbosa is the managing director of 14islands, a design and development studio from Stockholm in Sweden and Floripa in Brazil. He joined forces at 14islands in 2013 and since then they've done work with companies such as Google, Adidas, Disney, Facebook, HBO, Shopify, Ericsson and many innovative startups in the world. Their projects have won multiple awards such as the FWA, Awwwwards, CSS Design Awards, and European Design Awards.
With a strong passion for creativity and good design, he has been in the industry for more than 10 years and is always on the look for nice experiences. Self-taught and with a strong enthusiasm for collaboration to get things done properly, he cares about putting people together and turning meaningful projects into reality.
See full profileApply for this course
Web Tooling and Modern Setup
by Marco Barbosa
Total hours
45 Hours
Dates
Feb 21 - Mar 11, 2022
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.