Auf react-tutorial.app könnt ihr live und interaktiv React erlernen indem ihr eine Online Shop App erstellt. Alles was ihr dazu benötigt ist ein kostenloser Git-Account. Und falls euch noch das nötige JavaScript Knowhow fehlt, kann man das hier auch nachholen: https://learnjavascript.online Learn modern React from scratch, and practice in an intuitive environment. Throughout this course, you will build an online supermarket shopping app with Stripe integration. Weitere Themen die der Kurs beinhaltet: React.createElement JSX Advanced JSX ReactDOM React Elements React Components Functional Components Props State Hooks Destructuring UI Kit UI Library DOM Events Custom Events Lifting state Using APIs Immutability Error Boundaries Accessibility Folder structure Create React App Virtual DOM Context Provider React Dev Tools React Router Forms Class Components Composition Inheritance
Building Beautiful UIs ist ein kostenloser Online-Kurs von Christopher Murphy, der einem auf Basis von Adobe XD (gibt’s kostenlos als Download) die fundamentalen Prinzipien von User Interface Design näher bringt. Passend zur Lektüre gibt’s digitale Extras wie XD Dateien und UI Patterns oben drauf. Aktuell sind die ersten drei von insgesamt neun Kapiteln online: Designing Interfaces, The Building Blocks of Interfaces und Information Architecture.
Vom Projekt-Briefing über Team building, Design research, Brainstorming, Prototyping, Agile/Scrum und User Testing bietet Public Design Vault über 500+ Tools für alle Webworker, die an diesen Workflows beteiligt sind. Kann man mal reinschauen… Public Design Vault is a curated directory of 500+ design tools & resources for public good. It is an all-in-one, a full-stop one-stop, a mother list of lists, a singularity for the plethora of toolkits and rescources that are available on the vast internet. I had included all the well-known usual suspects but also tried to throw in a few diamonds in the rough. Who is Public Design Vault for These resources are great for folks working at the intersection of human-centered design, innovation and public/social impact. You might be a: UX designer creating an app that serves vulnerable groups, social worker planning programs for your local community, manager of an in-house government design team, organizational change expert trying to bring citizen-centered transformation to your workplace, civil servant charged with driving public service innovation
Wahnsinn, was Invision hier mit Hilfe von Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter, und Roy Stanfield zusammengetragen hat. Das „Design Systems Handbook“ beschreibt und veranschaulicht im Detail wirklich alles was man zum Thema Design Systeme / Style Guides / Frontend Boilerplates wissen muss. Die Kapitel sind dabei unterteilt in folgende Themen: Introducing Design Systems, Designing your design system, Building your design system, Putting your design system into practice, Expanding your design system und The future of design systems. Neben detaillierten Beschreibungen und Beispielen, gibt es außerdem noch zahlreiche Podcasts, Videos und weiterführende Links zum Thema. A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can create your design system and help your team improve product quality while reducing design debt.