Sign in

Connie Leung

@connieleung404.bsky.social
41 followers 37 following 40 posts

Angular GDE. Angular/TypeScript/JavaScript/NestJS/Python/AI enthusiast

PostsRepliesMedia
Connie Leung @connieleung404.bsky.social · 12/10/2025
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.
youtu.be
120
Reposted by Connie Leung
Thomas Steiner @tomayac.com · 16/06/2025
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! 🍿
youtube.com
Thomas Steiner - Learn just enough about Chrome built-in AI to be productive
YouTube video by Local-First Conf
051
Connie Leung @connieleung404.bsky.social · 14/06/2025
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
youtu.be
Vibe Designing with Stitch
YouTube video by Learn Coding with Connie
000
Connie Leung @connieleung404.bsky.social · 01/06/2025
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
youtu.be
Live Refactoring the Chrome Translator API Demo - Part 2
YouTube video by Learn coding with Connie
120
Connie Leung @connieleung404.bsky.social · 01/06/2025
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
youtu.be
Live Refactoring the Chrome Translator API Demo Part 1
YouTube video by Learn coding with Connie
000
Connie Leung @connieleung404.bsky.social · 01/06/2025
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
youtu.be
Translate Texts within Chrome in 2025
YouTube video by Learn coding with Connie
010
Connie Leung @connieleung404.bsky.social · 27/05/2025
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
courses.techstacknation.com
Angular Signals & RxJS - Master Course
Learn to build fast, elegant Angular applications using the new Signal API and RxJS streams.
021
Connie Leung @connieleung404.bsky.social · 27/05/2025
dev.to/railsstudent...
dev.to
Day 11 Deploy Vue 3, Svelte 5, and Angualr Applications to Github Pages
Table of Contents Manually Deployment to Github Pages Resources Github...
000
Connie Leung @connieleung404.bsky.social · 26/05/2025
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
dev.to
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...
100
Connie Leung @connieleung404.bsky.social · 25/05/2025
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
dev.to
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...
100
Connie Leung @connieleung404.bsky.social · 25/05/2025
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
dev.to
Resource API Changes in Angular 20 - Streaming Data in rxResource
Table of Contents Introduction Define a PokemonPageService Stream Pokemons with...
010
Connie Leung @connieleung404.bsky.social · 24/05/2025
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
dev.to
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular Table of...
100
Connie Leung @connieleung404.bsky.social · 24/05/2025
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
dev.to
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...
110
Connie Leung @connieleung404.bsky.social · 24/05/2025
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
dev.to
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...
110
Connie Leung @connieleung404.bsky.social · 24/05/2025
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
dev.to
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...
100
Reposted by Connie Leung
Michael Hoffmann @mokkapps.de · 23/05/2025
🚨 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: weekly-vue.news
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.
021
Reposted by Connie Leung
Tech Stack Nation @techstacknation.com · 21/05/2025
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! 💪🥰
033
Connie Leung @connieleung404.bsky.social · 19/05/2025
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
dev.to
Day 3 - Use Expression in Template
On day 3, I will interpolate the header expression in the template. Interpolate the...
100
Connie Leung @connieleung404.bsky.social · 18/05/2025
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
dev.to
Day 2 - Create the ShoppingCart component
On day 2, I will delete the boilerplate codes and create the ShoppingCart component. ...
141
Connie Leung @connieleung404.bsky.social · 18/05/2025
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...
dev.to
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...
111
Connie Leung @connieleung404.bsky.social · 16/05/2025
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
lnkd.in
LinkedIn
This link will take you to a page that’s not on LinkedIn
121
Reposted by Connie Leung
Lars Hanisch @flensrocker.de · 16/05/2025
@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.
143
Connie Leung @connieleung404.bsky.social · 20/04/2025
youtube.com/watch?v=dZoW...
youtube.com
Build a Star Wars themed AI Application with Genkit JS, Gemini 2 0 Flash and Imagen 3
YouTube video by Learn coding with Connie
000
Reposted by Connie Leung
Michael Hoffmann @mokkapps.de · 09/04/2025
📕 Handling large lists efficiently in Vue 3 👉🏻 In this article, you’ll explore the best techniques to optimize large lists in Vue 3. dev.to/jacobandrewsky/handling-larg…
dev.to
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.
021
Reposted by Connie Leung
Lars Hanisch @flensrocker.de · 04/04/2025
@connieleung404.bsky.social here's the reddit discussion to the new #Angular selectorless prototype.
131
Connie Leung @connieleung404.bsky.social · 10/04/2025
Angular v19.2.0 introduced a powerful new feature called httpResource, designed to streamline data... dev.to/railsstudent... #Angular
dev.to
Beyond JSON: Unleashing the Power of httpResource Sub-constructors in Angular
Angular v19.2.0 introduced a powerful new feature called httpResource, designed to streamline data...
043
Connie Leung @connieleung404.bsky.social · 24/03/2025
Angular 20's createComponent function will support two-way bindings dev.to/railsstudent...
dev.to
Dynamically-created components support two-way bindings
Angular 20's createComponent function will support two-way binding in addition to input and output...
010
Connie Leung @connieleung404.bsky.social · 18/01/2025
Chrome's Prompt API has a default temperature equal to 1 and a default topK equal to 8. This blog post shows how to configure the temperature and topK of a prompt session so that the model can generate creative answers with higher values. dev.to/railsstudent...
dev.to
Configure temperature and topK in Chrome's Prompt API
Chrome Canary exposes an experimental Prompt API that allows user to prompt a query to the internal...
111
Reposted by Connie Leung
Jason Mayes @webai.bsky.social · 16/12/2023
Want to learn how to use Machine Learning in JavaScript but worried about the maths? I made the perfect course for you +it's free over on Google Developers! All you need to know is JS +I'll teach you everything else: goo.gle/Learn-WebML Grab some superpowers for your next web app! #WebAI #WebML
051
Connie Leung @connieleung404.bsky.social · 15/01/2025
dev.to/railsstudent... I used Angular and Chrome's Prompt API to create an AI-powered trip planner. The idea occurred because I need help to plan my trip to Taipei February. #Angular #BuildWithAI #Chrome
dev.to
Use Chrome's Prompt API to generate a trip planner in Angular
In this blog post, I describe how to build a trip planner application locally using Chrome’s Built-In...
063
Reposted by Connie Leung
Tech Stack Nation @techstacknation.com · 15/01/2025
New Short Video - The Architect's Birthday! 🎂 🎁 🤣 featuring Angular's Dependency Injection, removing unneeded code, and lots of fun with our lovable gang of TSN nerds. 🔥🥰 www.youtube.com/watch?v=51pz...
youtube.com
The Architects Birthday! 🎂 🎁 🥰 Angular Dependency Injection w/ Milos, Ibrahim, Pavel, & Lars 😎
YouTube video by Tech Stack Nation
021
Reposted by Connie Leung
Christian Liebel @christianliebel.com · 13/01/2025
Check out my three-part article series about the benefits of on-device large language models and learn how to add AI capabilities to your web apps: web.dev/articles/ai-... #GenAI #WebLLM #PromptAPI
web.dev
Benefits and limits of large language models  |  Articles  |  web.dev
073