ChatGPT Canvas: Dein neuer Coding-Partner? (English subtitles available)

Video Description

In diesem Video zeige ich dir, wie du das neue Canvas Feature von ChatGPT nutzen kannst, um interaktiv mit Code zu arbeiten. Konkret habe ich mir ein kleines Beispiel vorgenommen: Ein Lupensymbol auf einer Webseite soll bei Klick eine Lightbox mit einem Suchformular öffnen. Ich lasse mir von ChatGPT den benötigten HTML, CSS und JavaScript Code erstellen und passe ihn Schritt für Schritt an. Gemeinsam testen wir das Ergebnis und verbessern die Barrierefreiheit. Besonders interessant: Wie ChatGPT den Code direkt überarbeitet und optimiert. Wenn du wissen willst, wie gut das Feature funktioniert, schau rein! ► Kennst Du schon meinen TYPO3 Newsletter? Immer auf dem laufenden bleiben über neues rund um TYPO3 und Webdevelopment. https://wwagner.net/typo3-newsletter ► Du möchtest persönlichen und direkten Support bei Fragen rund um TYPO3 oder die Videokurse? Dann hier entlang -- https://wwagner.net/ ========================= ► Das neue TYPO3 12 Videotraining & die TYPO3 12 Masterclass - für den perfekten Einstieg in TYPO3 https://wwagner.net/typo3-12-videotraining-und-typo3-12-masterclass #typo3 ########################################### Mit dieser Hardware und Software erstelle ich meine Videos: == Video-Hardware Kamera Canon EOS M50 Mark 2 https://amzn.to/3Io6WjL Elgato Camlink https://amzn.to/3wkBVe0 Sigma Objektiv https://amzn.to/3L1wzIV Viltrox Speed Booster https://amzn.to/3N6CoX6 Elgato Keylight Air https://amzn.to/36steU7 Streamdeck XL https://amzn.to/3KULxQP == Audio-Hardware Mikrofon Shure SM7B https://amzn.to/3xfXZXH Audiointerface Steinberg UR24C https://amzn.to/3xjK8Qb Mikrofonarm Rode PSA1 https://amzn.to/3iqMyDP Kopfhörer DT 770 PRO 250 Ohm https://amzn.to/3CV8sbY Zweit-Mikrofon Rode NT-USB https://amzn.to/3igLToG == Software OBS Studio https://obsproject.com/ Adobe Premiere Pro https://www.adobe.com/de/ Adobe Audition https://www.adobe.com/de/ Die Links zu Amazon sind Partnerlinks. Falls Du darüber etwas kaufst, erhalte ich ein kleine Provision. Der Preis für Dich ändert sich dadurch natürlich nicht! ########################################### Instagram: https://www.instagram.com/wolfgangwagner_fn/ Facebook: https://www.facebook.com/wwagner.net Shop: https://wolfgangwagner.shop Web: https://wwagner.net Twitter: https://twitter.com/wowa_TYPO3