Скачать или смотреть Better Webflow Custom Code Workflows (Typescript, VS Code)

//TRY WEBFLOW!
https://try.webflow.com/webflow-is-ba...

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon:   / webbae  
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord:   / discord  
🐥 Follow Me!   / webisbae  

⬇️ Share your development environment below! ⬇️

// Timestamps
00:00 Intro
00:15 Agenda Overview
01:42 Scaffold the page in Webflow
03:50 Webflow Code Editor - Change text on button click
06:30 Codesandbox.io - Change text on button click
08:52 Webflow - CMS Slider from Splide
11:35 Webflow Code Editor - Splide Setup
14:45 Fix Splide Styles
16:10 Live Debugging Splide
23:05 Codesandbox.io - Splide Setup
27:00 VS Code Project Setup
28:20 Serving code to Webflow from VS Code
31:10 Parse Typescript with esbuild
37:05 Bundling Splide with esbuild
39:30 Create a build script
42:10 Create a build configuration file
44:20 Minify code
45:40 Typescript compiler and esbuild TS limitations
51:10 Serving Code from Github with jsDelivr
1:02:19 Outro