JAMKin Web-ohjelmointi -kurssin (kesä 2020) materiaalit ja harjoitukset (materiaalit: Ari Rantala).
Kurssin aihe: JavaScriptin perusteet ja tutustuminen jQueryyn ja Reactiin.
Omat harjoitustehtävien (Harjoitukset 1-9) toteutukset nähtävissä web-osoitteessa:
https://student.labranet.jamk.fi/~K8691/webohjelmointi.html
Modern JavaScript From Beginning (Brad Traversy/Udemy) -kurssin harjoitusprojektit:
- Tasklist (DOM, Local Storage)
- Loan Calculator (DOM)
- Number Guesser (DOM, Local Storage)
- Booklist (OOP)
- EasyHttp3 (Ajax, Fetch, Async/Await)
- Github Finder (API)
- WeatherJS (API)
- Profile Scroller (Generators)
- Tracalorie (Module Pattern)
- Microposts (Webpack & Modules)
Kurssi suoritettu kesällä 2020.
Modern JavaScript From The Beginning 2.0 - 2023 Revamp (Brad Traversy/Udemy)
Kurssi aloitettu kesällä 2023, päivitetään edellä listatut aiemmat harjoitusprojektit ja niiden toimintaa...
20 Web Projects With Vanilla JavaScript (Brad Traversy/Udemy) -kurssin harjoitusprojektit:
- Form Validator (DOM, regex, functions)
- Movie Seat Booking (DOM, Local Storage)
- Custom Video Player (HTML5 video API, DOM)
- Exchange Rate Calculator (DOM, Fetch API, JSON)
- DOM Array Methods (DOM, Fetch with Async/Await, forEach, map, filter, sort, reduce)
- Menu Slider & Modal (DOM, CSS transition & animation)
- Hangman Game (DOM, SVG, Events)
- Meal Finder (Fetch API)
- Expense Tracker (Array Methods & Local Storage)
- Music Player (HTML5 Audio API, CSS Animation)
- Infinite Scroll Posts (Fetch, Async/Await, CSS Loader)
- Typing Game (DOM, Intervals, Events)
- Speech Text Reader (Speech Synthesis)
- Memory Cards (CSS Effects, Local Storage)
- Lyrics Search (Fetch. Pagination, Lyrics.ovh API)
- Relaxer App (CSS Animations, setTimeout, setInterval)
- Breakout Game (HTML5 Canvas API)
- New Year Countdown (DOM, Date & Time)
- Sortable List (Drag & Drop API)
- Speak Number Guessing Game (Speech Recognition)
Kurssi suoritettu keväällä 2021.
50 Projects In 50 Days - HTML, CSS & JavaScript (Brad Traversy/Florin Pop/Udemy) -kurssin harjoitusprojektit:
- Expanding Cards
- Progress Steps
- Rotating Navigation Animation
- Hidden Search Widget
- Blurry Loading
- Scroll Animation
- Split Landing Page
- Form Wave Animation
- Sound Board
- Dad Jokes
- Event KeyCodes
- FAQ Collapse
- Random Choice Picker
- Animated Navigation
- Incrementing Counter
- Drink Water
- Movie App
- Background Slider
- Theme Clock
- Button Ripple Effect
- Drag n Drop
- Drawing App
- Kinetic CSS Loader
- Content Placeholder
- Sticky Navbar
- Double Vertical Slider
- Toast Notification
- Github Profiles
- Double Heart Click
Kurssin Github: https://github.com/bradtraversy/50projects50days Kurssi käynnissä kesällä 2023.
Muut projektit
Typewriter: typewriter-efekti websivuille