Web-sovelluskehitys (10 op)

Tavoitteet

Opintojakson suoritettuaan opiskelija osaa full stack -verkkosovellusten rakentamisperiaatteet ja tuntee sekä tarvittavat asiakas- että palvelinpuolen tekniikat sekä ymmärtää, kuinka asiakas- ja palvelinpuolten välinen kommunikointi toteutetaan. Opiskelija oppii verkkosovelluksen testaamisen.

Sisältö

Asiakaspuolen (front end / client side) ohjelmointi
- HTML, CSS
- JavaScript
- DOM
- asynkronisuus
- asiakaspuolen sovelluskehykset (esim. Vue.js, React.js)

Kommunikointi ja tiedonsiirto
- HTTP
- REST
- JSON

Palvelinpuolen (back end / server side) ohjelmointi
- JavaScript, Node.js
- palvelinpuolen sovelluskehykset (Express)
- tietokantojen käyttö (SQL ja NoSQL)

Full stack -sovellusten testaus.

Oppimateriaalit

Course materials will be provided in advance, enabling you to come prepared for each session and group work.
You'll receive clear guidelines on when and how to utilize ChatGPT effectively.
There is no required textbook for the course; all necessary materials will be furnished by the instructor.

Opetusmenetelmät

The course will be conducted using a blended approach.

The first and final classes will be held on campus, while the remaining sessions will take place virtually on Zoom.

The teaching strategy used in this course follows a MODIFIED version of team-based learning.

Opiskelijan ajankäyttö ja kuormitus

This course is worth 10 ECTS. The workload is 27 hours per credit, ensuring a comprehensive learning journey. In addition to the scheduled sessions, you should allocate time each week for self-study and group work.

Sisällön jaksotus

This course is structured into two distinct parts: Backend Web Development and Frontend Web Development.

Part A: Backend Web Development

Module 1/3: Introduction to Backend Development
Browser Engines vs. JavaScript Engines
V8 JavaScript Engine
Node.js Fundamentals
Introduction to Express.js Framework

Module 2/3: Building with Express.js
Express.js Routers
Express.js Middleware
Express.js Controllers
Working with MongoDB and Mongoose
Authentication
Authorization and Roles
API Documentation and Best Practices

Module 3/3: Advanced Concepts and Deployment
Node Modules: Import vs. CommonJS Require
Error Handling and Logging
Where to Go Next in BackendDevelopment

Part B: Frontend Web Development

Module 1/3: Introduction to Frontend Development
Single Page Applications (SPAs)
Introduction to Ajax
DOM vs. Virtual DOM
Introduction to React.js

Module 2/3: Building with React.js
React Components and Component Structure
React JSX: Syntax and Benefits
Styling React Components
Passing Data with React Props
Working with Lists in React
State Management with useState Hook
Side Effects and Lifecycle with useEffect Hook
Context API with useContext Hook
State Management with useReducer Hook
React Router
Custom Hooks

Module 3/3: Advanced Topics and Integration
React Authentication Techniques
User Administration and CRUD Operations
Where to Go Next in Frontend Development

Lisätietoja opiskelijoille

This course (Web Development TX00EY23-3001) runs in parallel with the "Web Project" course, forming a comprehensive curriculum. These two courses equip you with key programming skills in both front-end and back-end technologies. As the digital landscape evolves, the ability to create dynamic and interactive web applications is more valuable than ever. Throughout this journey, you'll learn to develop and deploy real-world full stack applications, secure them, and deploy them effectively.

This course starts with fundamental concepts of web development. As you progress you will be introduced to additional theory, web technologies, tools and libraries.

In addition, you'll gain collaborative experiences through group activities. You will team up with your peers and you will be introduced to soft skills such as, problem solving, discipline, lifelong learning and communication.

By the end of the course, you will be equipped with enough knowledge to put together multiple technologies. Not only you will learn how to code, but also how to think and act like a programmer.

Arviointiasteikko

0-5

Arviointikriteerit, tyydyttävä (1)

Opiskelija on saavuttanut kurssin tavoitteet tyydyttävästi. Hän tunnistaa ja osaa nimetä opintojaksolla käsiteltyjä käsitteitä, menetelmiä ja työkaluja. Hän on suorittanut opintojaksolla annetut tehtävät minimivaatimuksin.

Arviointikriteerit, hyvä (3)

Opiskelija on saavuttanut kurssin tavoitteet hyvin. Hän tunnistaa, osaa nimetä ja pystyy käyttämään opintojaksolla käsiteltyjä käsitteitä, menetelmiä ja työkaluja. Hän on suorittanut opintojaksolla annetut tehtävät hyvin.

Arviointikriteerit, kiitettävä (5)

Opiskelija on saavuttanut kurssin tavoitteet erinomaisesti. Hän tunnistaa, osaa nimetä, pystyy käyttämään ja soveltamaan opintojaksolla käsiteltyjä käsitteitä, menetelmiä ja työkaluja monipuolisesti. Hän on suorittanut opintojaksolla annetut tehtävät erinomaisesti ja on pystynyt tuomaan ratkaisuihin merkittävästi omaa panostaan.

Arviointikriteeri, hyväksytty/hylätty

Opiskelija on saavuttanut kurssin tavoitteet. Hän tunnistaa ja osaa nimetä opintojaksolla käsiteltyjä menetelmiä ja työkaluja. Hän on suorittanut opintojaksolla annetut tehtävät.

Arviointimenetelmät ja arvioinnin perusteet

The grading structure is designed to reflect your understanding of both backend and frontend concepts, as well as your ability to integrate them effectively.

The assessment considers in-class activities, peer assessment and Exam.
The course is designed to enable every student to succeed, with three grading levels: Level 1 (Grade 1), Level 2 (Grades 2-3), and Level 3 (Grades 4-5).
The potential to achieve the highest grade is available to every student, reflecting the effort and dedication invested in the course.

Your grade will be determined based on the following components:

In-Class Activities (30%)
Individual homework (20%)
Feedback (5%)
Exam (45%)

Esitietovaatimukset

Tieto- ja viestintätekniikan tutkinto-ohjelman opintokokonaisuus Orientaatio tieto- ja viestintätekniikkaan (60 op).