Connie Leung
@connieleung404.bsky.social
Angular GDE. Angular/TypeScript/JavaScript/NestJS/Python/AI enthusiast
youtu.be/skhKhapsmEQ?...
In this video, I installed and walked through the source code of nanobanana gemini-cli-extension. The mcp-server folder has an imageGenerate.ts file that calls the Gemini API to generate images from text or edit an image from an input image and a prompt.
In this video, I installed and walked through the source code of nanobanana gemini-cli-extension. The mcp-server folder has an imageGenerate.ts file that calls the Gemini API to generate images from text or edit an image from an input image and a prompt.
youtu.be
October 12, 2025 at 9:21 AM
youtu.be/skhKhapsmEQ?...
In this video, I installed and walked through the source code of nanobanana gemini-cli-extension. The mcp-server folder has an imageGenerate.ts file that calls the Gemini API to generate images from text or edit an image from an input image and a prompt.
In this video, I installed and walked through the source code of nanobanana gemini-cli-extension. The mcp-server folder has an imageGenerate.ts file that calls the Gemini API to generate images from text or edit an image from an input image and a prompt.
Reposted by Connie Leung
My #LocalFirstConf talk "Learn just enough about Chrome built-in AI to be productive" is now on YouTube: www.youtube.com/watch?v=klKU.... This was a really fun one, hope you like it! 🍿
Thomas Steiner - Learn just enough about Chrome built-in AI to be productive
YouTube video by Local-First Conf
www.youtube.com
June 16, 2025 at 4:41 PM
My #LocalFirstConf talk "Learn just enough about Chrome built-in AI to be productive" is now on YouTube: www.youtube.com/watch?v=klKU.... This was a really fun one, hope you like it! 🍿
youtu.be/2hHxPpHRuZM
Vibe Designing with Stitch
Write prompts to generate four UI pages:
Pricing page
Course details page
Course instructor page
Contact Us page
#vibedesign #stitch #ai
Vibe Designing with Stitch
Write prompts to generate four UI pages:
Pricing page
Course details page
Course instructor page
Contact Us page
#vibedesign #stitch #ai
Vibe Designing with Stitch
YouTube video by Learn Coding with Connie
youtu.be
June 14, 2025 at 9:37 AM
youtu.be/2hHxPpHRuZM
Vibe Designing with Stitch
Write prompts to generate four UI pages:
Pricing page
Course details page
Course instructor page
Contact Us page
#vibedesign #stitch #ai
Vibe Designing with Stitch
Write prompts to generate four UI pages:
Pricing page
Course details page
Course instructor page
Contact Us page
#vibedesign #stitch #ai
youtu.be/TcwJpJJqJls?...
In part 2 of the video series, I refactored my Angular Translation Demo to utilize the Chrome Translator API to translate Spanish texts into other languages.
#chrome #gemini #gemininano #clientSideAI #translation
In part 2 of the video series, I refactored my Angular Translation Demo to utilize the Chrome Translator API to translate Spanish texts into other languages.
#chrome #gemini #gemininano #clientSideAI #translation
Live Refactoring the Chrome Translator API Demo - Part 2
YouTube video by Learn coding with Connie
youtu.be
June 1, 2025 at 8:46 AM
youtu.be/TcwJpJJqJls?...
In part 2 of the video series, I refactored my Angular Translation Demo to utilize the Chrome Translator API to translate Spanish texts into other languages.
#chrome #gemini #gemininano #clientSideAI #translation
In part 2 of the video series, I refactored my Angular Translation Demo to utilize the Chrome Translator API to translate Spanish texts into other languages.
#chrome #gemini #gemininano #clientSideAI #translation
youtu.be/4_VXV-18wsI
In part 1 of the video series, I refactored my Angular
Translation Demo to use the Language Detector of Chrome.
#Chrome #Gemini #gemininano #clientSideAI #languageDetection
In part 1 of the video series, I refactored my Angular
Translation Demo to use the Language Detector of Chrome.
#Chrome #Gemini #gemininano #clientSideAI #languageDetection
Live Refactoring the Chrome Translator API Demo Part 1
YouTube video by Learn coding with Connie
youtu.be
June 1, 2025 at 8:19 AM
youtu.be/4_VXV-18wsI
In part 1 of the video series, I refactored my Angular
Translation Demo to use the Language Detector of Chrome.
#Chrome #Gemini #gemininano #clientSideAI #languageDetection
In part 1 of the video series, I refactored my Angular
Translation Demo to use the Language Detector of Chrome.
#Chrome #Gemini #gemininano #clientSideAI #languageDetection
youtu.be/YL0g5P28GNI?...
The APIs underwent changes on Chrome, and my demos did not work.
I demonstrated the Translator API in the DevTool console of the Canary browser. The translator translated to Portuguese after downloading the model.
#chrome #gemininano #gemini #translation #clientSideAI
The APIs underwent changes on Chrome, and my demos did not work.
I demonstrated the Translator API in the DevTool console of the Canary browser. The translator translated to Portuguese after downloading the model.
#chrome #gemininano #gemini #translation #clientSideAI
Translate Texts within Chrome in 2025
YouTube video by Learn coding with Connie
youtu.be
June 1, 2025 at 12:56 AM
youtu.be/YL0g5P28GNI?...
The APIs underwent changes on Chrome, and my demos did not work.
I demonstrated the Translator API in the DevTool console of the Canary browser. The translator translated to Portuguese after downloading the model.
#chrome #gemininano #gemini #translation #clientSideAI
The APIs underwent changes on Chrome, and my demos did not work.
I demonstrated the Translator API in the DevTool console of the Canary browser. The translator translated to Portuguese after downloading the model.
#chrome #gemininano #gemini #translation #clientSideAI
I also have an Angular Signal Course at @techstacknation.com. The first chapter is free, and it is more than enough to build modern reactive Angular applications
Course URL: courses.techstacknation.com
Course URL: courses.techstacknation.com
Angular Signals & RxJS - Master Course
Learn to build fast, elegant Angular applications using the new Signal API and RxJS streams.
courses.techstacknation.com
May 27, 2025 at 12:49 PM
I also have an Angular Signal Course at @techstacknation.com. The first chapter is free, and it is more than enough to build modern reactive Angular applications
Course URL: courses.techstacknation.com
Course URL: courses.techstacknation.com
dev.to/railsstudent...
This is day 10 of my journey. Vue 3, Svelte 5, and Angular 19 cover the shopping cart component's states and derived states.
#Angular #Vue #Svelte
This is day 10 of my journey. Vue 3, Svelte 5, and Angular 19 cover the shopping cart component's states and derived states.
#Angular #Vue #Svelte
Day 10 - Introduction to reactivity in Vue 3, Svelte 5 and Angular
Table of Contents Case 1: Construct a Reversed Item List Case 2: Derive the Number of...
dev.to
May 26, 2025 at 12:25 AM
dev.to/railsstudent...
This is day 10 of my journey. Vue 3, Svelte 5, and Angular 19 cover the shopping cart component's states and derived states.
#Angular #Vue #Svelte
This is day 10 of my journey. Vue 3, Svelte 5, and Angular 19 cover the shopping cart component's states and derived states.
#Angular #Vue #Svelte
dev.to/railsstudent...
This is day 9 of my journey. CSS classes and inline styles can be dynamically bounded in Vue 3, Svelte 5, and Angular 19.
#Angular #Svelte #Vue
This is day 9 of my journey. CSS classes and inline styles can be dynamically bounded in Vue 3, Svelte 5, and Angular 19.
#Angular #Svelte #Vue
Dynamic Binding of CSS Classes and Styles in Vue 3, Svelte 5 and Angular
Tables of Contents Case 1: Dyanmic CSS Class Binding to List Item Case 2: Dyanmic CSS...
dev.to
May 25, 2025 at 8:11 AM
dev.to/railsstudent...
This is day 9 of my journey. CSS classes and inline styles can be dynamically bounded in Vue 3, Svelte 5, and Angular 19.
#Angular #Svelte #Vue
This is day 9 of my journey. CSS classes and inline styles can be dynamically bounded in Vue 3, Svelte 5, and Angular 19.
#Angular #Svelte #Vue
dev.to/railsstudent...
The Resource API made some changes in Angular 20 after the RFC.
In this blog post, I demonstrated that streaming data in rxResource exhibits the same behavior after all updates in Angular 20.
#Angular #Resource
The Resource API made some changes in Angular 20 after the RFC.
In this blog post, I demonstrated that streaming data in rxResource exhibits the same behavior after all updates in Angular 20.
#Angular #Resource
Resource API Changes in Angular 20 - Streaming Data in rxResource
Table of Contents Introduction Define a PokemonPageService Stream Pokemons with...
dev.to
May 25, 2025 at 6:21 AM
dev.to/railsstudent...
The Resource API made some changes in Angular 20 after the RFC.
In this blog post, I demonstrated that streaming data in rxResource exhibits the same behavior after all updates in Angular 20.
#Angular #Resource
The Resource API made some changes in Angular 20 after the RFC.
In this blog post, I demonstrated that streaming data in rxResource exhibits the same behavior after all updates in Angular 20.
#Angular #Resource
dev.to/railsstudent...
This is day 8 of my journey. Ref is bound to the disabled attribute to enable or disable the Save Item button.
#Angular #Vue #Svelte
This is day 8 of my journey. Ref is bound to the disabled attribute to enable or disable the Save Item button.
#Angular #Vue #Svelte
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular Table of...
dev.to
May 24, 2025 at 8:31 AM
dev.to/railsstudent...
This is day 8 of my journey. Ref is bound to the disabled attribute to enable or disable the Save Item button.
#Angular #Vue #Svelte
This is day 8 of my journey. Ref is bound to the disabled attribute to enable or disable the Save Item button.
#Angular #Vue #Svelte
dev.to/railsstudent...
Vue uses v-if, v-else-if, v-else directives to render HTML elements conditionally.
Svelte and Angular use if-else-if-else control flow syntax to render the elements in the HTML template conditionally.
#Angular #Svelte #Vue
Vue uses v-if, v-else-if, v-else directives to render HTML elements conditionally.
Svelte and Angular use if-else-if-else control flow syntax to render the elements in the HTML template conditionally.
#Angular #Svelte #Vue
Day 7 - Conditional Rendering with built-in control flow syntax or directives.
On day 7, I will show how Vue 3, SvelteKit, and Angular perform conditional rendering with built-in...
dev.to
May 24, 2025 at 5:39 AM
dev.to/railsstudent...
Vue uses v-if, v-else-if, v-else directives to render HTML elements conditionally.
Svelte and Angular use if-else-if-else control flow syntax to render the elements in the HTML template conditionally.
#Angular #Svelte #Vue
Vue uses v-if, v-else-if, v-else directives to render HTML elements conditionally.
Svelte and Angular use if-else-if-else control flow syntax to render the elements in the HTML template conditionally.
#Angular #Svelte #Vue
dev.to/railsstudent...
I created a text box that binds to a String reference. When the text is updated in the text box, the ref receives a new value. I also created a checkbox to bind to a boolean ref. When the checkbox changes states, the boolean value toggles.
#Angular #Vue #Svelte
I created a text box that binds to a String reference. When the text is updated in the text box, the ref receives a new value. I also created a checkbox to bind to a boolean ref. When the checkbox changes states, the boolean value toggles.
#Angular #Vue #Svelte
Day 5 - User Inputs in Component
On day 5, I will show how to bind an input field and a checkbox to the reactive states. The...
dev.to
May 24, 2025 at 5:37 AM
dev.to/railsstudent...
I created a text box that binds to a String reference. When the text is updated in the text box, the ref receives a new value. I also created a checkbox to bind to a boolean ref. When the checkbox changes states, the boolean value toggles.
#Angular #Vue #Svelte
I created a text box that binds to a String reference. When the text is updated in the text box, the ref receives a new value. I also created a checkbox to bind to a boolean ref. When the checkbox changes states, the boolean value toggles.
#Angular #Vue #Svelte
dev.to/railsstudent...
Listen to HTML events, and the event handlers take appropriate actions. In this blog post, an item is added when the form is submitted and removed when a click event occurs.
#Angular #Vue #Svelte
Listen to HTML events, and the event handlers take appropriate actions. In this blog post, an item is added when the form is submitted and removed when a click event occurs.
#Angular #Vue #Svelte
Day 6 - User events in Components
On day 6, I will show how Vue 3, SvelteKit, and Angular respond to HTML events in the shopping cart...
dev.to
May 24, 2025 at 5:31 AM
dev.to/railsstudent...
Listen to HTML events, and the event handlers take appropriate actions. In this blog post, an item is added when the form is submitted and removed when a click event occurs.
#Angular #Vue #Svelte
Listen to HTML events, and the event handlers take appropriate actions. In this blog post, an item is added when the form is submitted and removed when a click event occurs.
#Angular #Vue #Svelte
Reposted by Connie Leung
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Get insights on optimizing Vue app performance using the `useInfiniteScroll` feature!
👉🏻 Explore practical guides and tutorials, plus updates on events.
Join 4.4K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Get insights on optimizing Vue app performance using the `useInfiniteScroll` feature!
👉🏻 Explore practical guides and tutorials, plus updates on events.
Join 4.4K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
Weekly Vue & Nuxt NewsWeekly Vue & Nuxt News
This weekly Vue & Nuxt newsletter gives you high-quality tips and curated content to help you become a Vue & Nuxt expert.
weekly-vue.news
May 23, 2025 at 12:00 PM
🚨 On Monday I'll send out my weekly Vue & Nuxt newsletter:
👉🏻 Get insights on optimizing Vue app performance using the `useInfiniteScroll` feature!
👉🏻 Explore practical guides and tutorials, plus updates on events.
Join 4.4K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
👉🏻 Get insights on optimizing Vue app performance using the `useInfiniteScroll` feature!
👉🏻 Explore practical guides and tutorials, plus updates on events.
Join 4.4K other Vue & Nuxt devs and sign up today:
https://weekly-vue.news
Reposted by Connie Leung
Want to master the new Angular Signal API with help from friendly experts? Watch this quick video to hear what Ibrahim says about learning with @connieleung404.bsky.social & join us today to ask questions, level up fast, and make friends! 💪🥰
May 21, 2025 at 10:48 AM
Want to master the new Angular Signal API with help from friendly experts? Watch this quick video to hear what Ibrahim says about learning with @connieleung404.bsky.social & join us today to ask questions, level up fast, and make friends! 💪🥰
dev.to/railsstudent...
This is day 3 of my journey. I created a Vue ref/ Angular signal/ Svelte rune to display the header in the Shopping Cart Component in Vue 3, Angular, and Svelte 5.
#Angular #Svelte #Vue
This is day 3 of my journey. I created a Vue ref/ Angular signal/ Svelte rune to display the header in the Shopping Cart Component in Vue 3, Angular, and Svelte 5.
#Angular #Svelte #Vue
Day 3 - Use Expression in Template
On day 3, I will interpolate the header expression in the template. Interpolate the...
dev.to
May 19, 2025 at 5:28 PM
dev.to/railsstudent...
This is day 3 of my journey. I created a Vue ref/ Angular signal/ Svelte rune to display the header in the Shopping Cart Component in Vue 3, Angular, and Svelte 5.
#Angular #Svelte #Vue
This is day 3 of my journey. I created a Vue ref/ Angular signal/ Svelte rune to display the header in the Shopping Cart Component in Vue 3, Angular, and Svelte 5.
#Angular #Svelte #Vue
dev.to/railsstudent...
I also have a Angular Signal course at @techstacknation.com and the first chapter is free.
Course URL: courses.techstacknation.com
#Angular #Vue3 #Svelte 5
I also have a Angular Signal course at @techstacknation.com and the first chapter is free.
Course URL: courses.techstacknation.com
#Angular #Vue3 #Svelte 5
Day 2 - Create the ShoppingCart component
On day 2, I will delete the boilerplate codes and create the ShoppingCart component. ...
dev.to
May 18, 2025 at 6:25 AM
dev.to/railsstudent...
I also have a Angular Signal course at @techstacknation.com and the first chapter is free.
Course URL: courses.techstacknation.com
#Angular #Vue3 #Svelte 5
I also have a Angular Signal course at @techstacknation.com and the first chapter is free.
Course URL: courses.techstacknation.com
#Angular #Vue3 #Svelte 5
I learned Vue 3 on and off in the last 3 years. When I found @vueschool.io, I found the passion to learn it consistently. My current project involves rewriting these demos in Angular 19 and Svelte 5.
This is day 1, where I set up the projects.
dev.to/railsstudent...
This is day 1, where I set up the projects.
dev.to/railsstudent...
Day 1 - Create a new projects, dependencies, and global CSS styles
The contents are from Vue School's Vue.js 3 Fundamental with the Composition API. The Vue app was...
dev.to
May 18, 2025 at 4:57 AM
I learned Vue 3 on and off in the last 3 years. When I found @vueschool.io, I found the passion to learn it consistently. My current project involves rewriting these demos in Angular 19 and Svelte 5.
This is day 1, where I set up the projects.
dev.to/railsstudent...
This is day 1, where I set up the projects.
dev.to/railsstudent...
My Signal course is launched on @techstacknation.com this month.
courses.techstacknation.com
The first chapter is free and the lessons provide the tools to build a reactive Angular app with signals, computed, and effects.
Please enjoy, and I appreciate feedback.
#Angular
courses.techstacknation.com
The first chapter is free and the lessons provide the tools to build a reactive Angular app with signals, computed, and effects.
Please enjoy, and I appreciate feedback.
#Angular
LinkedIn
This link will take you to a page that’s not on LinkedIn
lnkd.in
May 16, 2025 at 3:47 PM
My Signal course is launched on @techstacknation.com this month.
courses.techstacknation.com
The first chapter is free and the lessons provide the tools to build a reactive Angular app with signals, computed, and effects.
Please enjoy, and I appreciate feedback.
#Angular
courses.techstacknation.com
The first chapter is free and the lessons provide the tools to build a reactive Angular app with signals, computed, and effects.
Please enjoy, and I appreciate feedback.
#Angular
Reposted by Connie Leung
@connieleung404.bsky.social has made a really good course about #Angular #Signals! You should check it out over @techstacknation.com
courses.techstacknation.com
courses.techstacknation.com
Angular Signals & RxJS - Master Course
Learn to build fast, elegant Angular applications using the new Signal API and RxJS streams.
courses.techstacknation.com
May 16, 2025 at 2:14 PM
@connieleung404.bsky.social has made a really good course about #Angular #Signals! You should check it out over @techstacknation.com
courses.techstacknation.com
courses.techstacknation.com
Reposted by Connie Leung
📕 Handling large lists efficiently in Vue 3
👉🏻 In this article, you’ll explore the best techniques to optimize large lists in Vue 3.
https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
👉🏻 In this article, you’ll explore the best techniques to optimize large lists in Vue 3.
https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
Handling large lists efficiently in Vue 3
Handling large lists in Vue 3 efficiently is crucial for maintaining smooth performance and a great... Tagged with vue, typescript, performance, tutorial.
dev.to
April 9, 2025 at 4:00 PM
📕 Handling large lists efficiently in Vue 3
👉🏻 In this article, you’ll explore the best techniques to optimize large lists in Vue 3.
https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
👉🏻 In this article, you’ll explore the best techniques to optimize large lists in Vue 3.
https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
Reposted by Connie Leung
@connieleung404.bsky.social here's the reddit discussion to the new #Angular selectorless prototype.
Eagle-eyes viewers are on top of the PRs
www.reddit.com/r/angular/co...
Like the PR says, this is a *extremely* exploratory. We'll be tinkering with semantics and syntax, weighing trade-offs, and running user studies as we figure it out.
www.reddit.com/r/angular/co...
Like the PR says, this is a *extremely* exploratory. We'll be tinkering with semantics and syntax, weighing trade-offs, and running user studies as we figure it out.
From the angular community on Reddit: A Selectorless study prototype
Explore this post and more from the angular community
www.reddit.com
April 4, 2025 at 4:39 AM
@connieleung404.bsky.social here's the reddit discussion to the new #Angular selectorless prototype.