Connie Leung
@connieleung404.bsky.social
π€ 31
π₯ 28
π 37
Angular GDE. Angular/TypeScript/JavaScript/NestJS/Python/AI enthusiast
reposted by
Connie Leung
Thomas Steiner
4 months ago
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! πΏ
loading . . .
Thomas Steiner - Learn just enough about Chrome built-in AI to be productive
YouTube video by Local-First Conf
https://www.youtube.com/watch?v=klKUCG-3Dmo
0
5
2
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
loading . . .
Vibe Designing with Stitch
YouTube video by Learn Coding with Connie
https://youtu.be/2hHxPpHRuZM
4 months ago
0
0
0
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
loading . . .
Live Refactoring the Chrome Translator API Demo - Part 2
YouTube video by Learn coding with Connie
https://youtu.be/TcwJpJJqJls?si=vf6rknhK6shRfp8C
4 months ago
1
2
0
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
loading . . .
Live Refactoring the Chrome Translator API Demo Part 1
YouTube video by Learn coding with Connie
https://youtu.be/4_VXV-18wsI
4 months ago
0
0
0
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
loading . . .
Translate Texts within Chrome in 2025
YouTube video by Learn coding with Connie
https://youtu.be/YL0g5P28GNI?si=5y81LdIDbCDIugkf
4 months ago
0
1
0
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
loading . . .
Angular Signals & RxJS - Master Course
Learn to build fast, elegant Angular applications using the new Signal API and RxJS streams.
https://courses.techstacknation.com
5 months ago
0
2
1
dev.to/railsstudent...
loading . . .
Day 11 Deploy Vue 3, Svelte 5, and Angualr Applications to Github Pages
Table of Contents Manually Deployment to Github Pages Resources Github...
https://dev.to/railsstudent/day-11-deploy-vue-3-svelte-5-and-angualr-applications-to-github-pages-1927
5 months ago
0
0
0
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
loading . . .
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...
https://dev.to/railsstudent/day-10-introduction-to-reactivity-in-vue-3-svelte-5-and-angular-57d
5 months ago
1
0
0
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
loading . . .
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...
https://dev.to/railsstudent/dynamic-binding-of-css-classes-and-styles-in-vue-3-svelte-5-and-angular-1nkm
5 months ago
1
0
0
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
loading . . .
Resource API Changes in Angular 20 - Streaming Data in rxResource
Table of Contents Introduction Define a PokemonPageService Stream Pokemons with...
https://dev.to/railsstudent/resource-api-changes-in-angular-20-streaming-data-in-rxresource-pg4
5 months ago
0
2
0
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
loading . . .
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular Table of...
https://dev.to/railsstudent/day-8-attribute-binding-in-vue-3-svelte-5-and-angular-3ncc
5 months ago
1
0
0
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
loading . . .
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...
https://dev.to/railsstudent/day-7-conditional-rendering-with-built-in-control-flow-syntax-or-directives-2440
5 months ago
1
1
0
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
loading . . .
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...
https://dev.to/railsstudent/day-5-user-inputs-in-component-5219
5 months ago
1
1
0
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
loading . . .
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...
https://dev.to/railsstudent/day-6-user-events-in-components-10ll
5 months ago
1
0
0
reposted by
Connie Leung
Michael Hoffmann
5 months ago
π¨ 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
loading . . .
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.
https://weekly-vue.news
0
2
2
reposted by
Connie Leung
Tech Stack Nation
5 months ago
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! πͺπ₯°
loading . . .
0
3
3
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
loading . . .
Day 3 - Use Expression in Template
On day 3, I will interpolate the header expression in the template. Interpolate the...
https://dev.to/railsstudent/day-3-use-expression-in-template-4ih1
5 months ago
1
0
0
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
loading . . .
Day 2 - Create the ShoppingCart component
On day 2, I will delete the boilerplate codes and create the ShoppingCart component. ...
https://dev.to/railsstudent/day-2-create-the-shoppingcart-component-4p4l
5 months ago
1
4
2
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...
loading . . .
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...
https://dev.to/railsstudent/day-1-create-a-new-projects-dependencies-and-global-css-styles-3b5j
5 months ago
1
1
1
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
loading . . .
LinkedIn
This link will take you to a page thatβs not on LinkedIn
https://lnkd.in/gDHKCHyq
5 months ago
1
3
1
reposted by
Connie Leung
Lars Hanisch
5 months ago
@connieleung404.bsky.social
has made a really good course about
#Angular
#Signals
! You should check it out over
@techstacknation.com
courses.techstacknation.com
loading . . .
Angular Signals & RxJS - Master Course
Learn to build fast, elegant Angular applications using the new Signal API and RxJS streams.
https://courses.techstacknation.com/
1
4
4
youtube.com/watch?v=dZoW...
loading . . .
Build a Star Wars themed AI Application with Genkit JS, Gemini 2 0 Flash and Imagen 3
YouTube video by Learn coding with Connie
https://youtube.com/watch?v=dZoWxz3-kFQ&si=NwFfOUrY4jc6zptl
6 months ago
0
0
0
reposted by
Connie Leung
Michael Hoffmann
6 months ago
π 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
loading . . .
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.
https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
0
2
1
reposted by
Connie Leung
Lars Hanisch
6 months ago
@connieleung404.bsky.social
here's the reddit discussion to the new
#Angular
selectorless prototype.
add a skeleton here at some point
1
3
1
Angular v19.2.0 introduced a powerful new feature called httpResource, designed to streamline data...
dev.to/railsstudent...
#Angular
loading . . .
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...
https://dev.to/railsstudent/beyond-json-unleashing-the-power-of-httpresource-sub-constructors-in-angular-2c2a
6 months ago
0
4
3
Angular 20's createComponent function will support two-way bindings
dev.to/railsstudent...
loading . . .
Dynamically-created components support two-way bindings
Angular 20's createComponent function will support two-way binding in addition to input and output...
https://dev.to/railsstudent/dynamically-created-components-support-two-way-bindings-4m33
7 months ago
0
1
0
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...
loading . . .
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...
https://dev.to/railsstudent/configure-temperature-and-topk-in-chromes-prompt-api-3m2m
9 months ago
1
1
1
reposted by
Connie Leung
Jason Mayes
almost 2 years ago
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
0
5
1
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
loading . . .
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...
https://dev.to/railsstudent/use-chromes-prompt-api-to-generate-a-trip-planner-in-angular-2kpo
9 months ago
0
6
3
reposted by
Connie Leung
Tech Stack Nation
9 months ago
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...
loading . . .
The Architects Birthday! π π π₯° Angular Dependency Injection w/ Milos, Ibrahim, Pavel, & Lars π
YouTube video by Tech Stack Nation
https://www.youtube.com/watch?v=51pzpjAl3L0
0
2
2
reposted by
Connie Leung
Christian Liebel
9 months ago
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
loading . . .
Benefits and limits of large language models Β |Β Articles Β |Β web.dev
https://web.dev/articles/ai-llms-benefits
0
7
4
you reached the end!!
feeds!
log in