Software Architect | Gamer |
(1)
There are still 10+ FREE slots remaining in my React Essentials course. If you know someone who deserves the FREE seat, do share this with them
https://www.codewithahsan.dev/pre
Thanks
Get the Practical React Essentials course in Urdu/Hindi
😭😭😭
If you're feeling like you're stuck in a tutorial hell, it is probably because you're only building stuff from the tutorials, and not adding or modifying any more features apart from what the tutorial teaches. Just like you push your muscles 💪🏽 through pain in order to achieve fitness goals, you need to put your brain to work by pushing its limits in the skillset, to actually learn something and grow.
In this video, we explore a major breakthrough in TypeScript 5.5 that solves a significant problem in Angular development: Inferred Type Predicates. We'll explain how this new feature improves type checking, making your Angular applications more robust and easier to maintain.
If you've ever struggled with handling arrays containing undefined or null values, this update is a game-changer. We'll show you how TypeScript now correctly infers types after filtering out unwanted values, and how this translates into cleaner, more efficient Angular code.
🔥 Don't miss out on this crucial update that can transform your coding experience. If you find this video helpful, make sure to like, subscribe, and hit the bell icon for more quick and insightful tips on Angular and TypeScript.
https://www.youtube.com/watch?v=C5sIGSGX9qA
📚 Resources:
- TypeScript 5.5 Inferred Type Predicates:
👉🏽 https://devblogs.microsoft.com/typescript/announcing-typescript-5-5/ -type-predicates
- The pull request that made it happen:
🚀 https://github.com/microsoft/TypeScript/pull/57465
✨ Level up your Angular skills with the Angular Cookbook 2nd Edition:
📖 https://ng-cookbook.com/buy
Follow on Twitter: https://x.com/codewith_ahsan
Join our Facebook Community: https://facebook.com/codewithahsan
Check my courses: https://codewithahsan.dev/courses
In this video, we explore a major breakthrough in TypeScript 5.5 that solves a significant problem in Angular development: Inferred Type Predicates. We'll ex...
Allah aasani karay duniya k tamam musalmano k liye. Aur hum sab ko taufeeq day k apnay hissay ki mehnat karain. What's happening in , , , , and other parts of the muslim world is beyond horrific. These are desperate times and we need to pray more, do good more, and take care of each others without losing our sanity. Ya Allah Rehem!
Discover the New Statement in Angular 18.1! Create Variables Directly in Template
https://youtu.be/_Gyj2Y3Jtro
I've wanted this feature for years and now it is finally here! YES! I've been loving Angular even more since the Angular's renaissance!In this video we dive ...
Forgot to remove sounds from my previous video and this is what happened. It scared me 😂
Learn how to efficiently reduce image sizes for web applications using the TinyPNG tool. Compress and convert images with ease, ensuring faster loading times and improved user experience. Watch this example and discover the importance of image compression, especially for small devices and low internet connectivity. Comment "tinypng" for the tool link!
Discover how to easily generate and customize gradients with UI Gradient, a powerful tool for developers with an eye for design. Choose from a wide range of preset options or let the tool generate random gradients for you. Copy colors, rotate gradients, and even export CSS or download the gradient as an image. Take your designs to the next level!
Want to ensure your website looks flawless on all devices? Discover Responsively, a powerful tool available for Mac, Windows, and Linux. You can test your web app's responsiveness across multiple devices and formats. Say 'responsive' in the chat, and I'll DM you the link!
Reminder to use dev tools instead of console.log :)
In this video, you'll how to debug JavaScript code in the browser. We'll be using Chrome for debugging but you can use other browsers for similar use cases as well. We'll go through the different debugging options like Step Into, Step Over, Step Out, Break Points, Log Points, Conditional Breakpoints...
💻 Customize your code snippets with various themes, fonts, and background options. Comment "carbon" in the chat to get the link:
Discover new web development tools daily by following .with.ahsan.
These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today!
This is a must-have tool for web developers working with CSS! This tool allows you to clip an image using CSS properties and you can select from the presets, or customize the cliip path completely. Type "Clippy" in the chat to access the link now!
Wrote a little something about AI 👇🏽
Have you imagined having a powerful, on-device AI model at your fingertips, seamlessly integrated...
Comment "spiral" to get the code:
Learn how to create these mesmerizing spiral patterns using just HTML, JavaScript, and CSS. Watch the video where I demonstrate building a small HTML application with less than a hundred lines of code. If the python developers can do it using turtle, so can we with svgs and some sh*tty code!💟
Here's my latest video covering Gemini Nano alongside showing off the demo of the "Zubaan" app and the code. The code is completely open-sourced so feel free to re-use it :)
https://youtu.be/LNEBb48JMX0?si=oZ12XK_ktFJL6Fbe
Google Developer Experts
We're looking at how to run Gemini-Nano by Google in Chrome 127+! 🌟In this video, we cover:🔹 Google IO 2024 Announcements including the latest AI models: G...
I still can't believe we have the `` directive in Angular ❤️ ! I've wanted it for years! It was always possible using the `*ngIf` directive to create a variable when working with the `async` pipe, of course. But creating any variable in Angular templates is probably something every developer has felt the need of, at some time in their lives. Well, it is finally here 🚀
I'm loving the updates coming to Angular in the past 2 years. And it just keeps getting better.
And it would simplify our lives too if we read Quran and study Islam properly!
A reminder that if you think you're supporting my work, that means you're already sharing my work with reposts and shares. Likes don't mean anything :)
And if you're not sharing the stuff. Well... then you know!
🚀 Tried out Google's Gemini Nano which is now available in the browser as an early preview!
This means you have an on-device model that doesn't need any API keys or network connectivity. This provides:
✅Faster (near-instant) results
✅Local processing of sensitive data
✅Offline AI Usage (for privacy concerns)
What I think can be improved:
🔃Understanding missing context better
🔃Better documentation (of course coming soon)
🔃Possibility to fine-tune (LoRa etc)
Here's the code repository for the demo:
🧑🏽💻https://github.com/AhsanAyaz/zubaan-gemini-nano (give it a star ⭐)
▶️ A YouTube video for this is coming soon also.
💪🏽Try out the demo in Chrome Canary or Dev as suggested in the Readme. And suggest any improvements you want.
📖Read more about the Built-in AI here:
https://developer.chrome.com/docs/ai/built-in
Google Developer Experts
Live Stream | Trying out Google Gemini Nano (On-Device AI Model)
Checking out the on-device model Gemini Nano and how it feels like. Come, let's ask the model some interesting questions xD
Get your FREE Git Cheat Sheet:
https://codewithahsan.gumroad.com/l/git-cheat-sheet
📖 Get the new Angular Cookbook (2nd edition) from:
https://amzn.to/4awwLgH
⭐ Follow the courses on the site without distractions:
https://codewithahsan.dev/courses/web-dev-basics
Become a cybersecurity specialist (US citizens and Green Card holders of 18 years above only):
https://www.symposia.com/channel-partner/maa
💖 Become a supporter :
https://buymeacoffee.com/codewithahsan
🤝 Join the CodewithAhsan community:
https://codewithahsan.dev/discord
📰 Sign up for updates about the course:
https://codewithahsan.dev
🤯 Already an experienced dev? Watch my '4 full stack projects' video:
https://www.youtube.com/watch?v=iqbQ-WfnPL0
You can also find me on:
Twitter: https://twitter.com/codewith_ahsan
GitHub: https://github.com/ahsanayaz
Facebook: https://facebook.com/codewithahsan
Off to a great start at the Google IO connect in ! A lot of great sessions to attend, and a lot of cool people to meet!
Hey everyone,
I'm sharing a small questionnaire with you that can help me understand my impact in the developers' community. If you've learnt something from me, have been mentored or taught by me, or I inspired you in anyway, filling this form would mean a lot to me :)
And especially mentioning what I can improve. Shouldn't take more than 5 minutes to complete.
https://forms.gle/3w6GjzAf2e1JGWhj8
Thanks in advance!
Happy to share that the Angular Cookbook 2nd Edition has now been updated to Angular v18. I updated the whole codebase during a Live Stream last night (https://youtube.com/live/kyiO8OIsedI) and it was super smooth. Really happy with the work team and team Nx has been doing!
Get your copy of the book today from https://ng-cookbook.com/buy
Updating 180+ Angular projects to v18 | Live Coding & Chat
Updating 180+ Angular projects to v18 | Live Coding & Chat
Get your FREE Git Cheat Sheet:
https://codewithahsan.gumroad.com/l/git-cheat-sheet
� Get the new Angular Cookbook (2nd edition) from:
https://amzn.to/4awwLgH
� Follow the courses on the site without distractions:
https://codewithahsan.dev/courses/web-dev-basics
Become a cybersecurity specialist (US citizens and Green Card holders of 18 years above only):
https://www.symposia.com/channel-partner/maa
� Become a supporter :
https://buymeacoffee.com/codewithahsan
� Join the CodewithAhsan community:
https://codewithahsan.dev/discord
� Sign up for updates about the course:
https://codewithahsan.dev
� Already an experienced dev? Watch my '4 full stack projects' video:
https://www.youtube.com/watch?v=iqbQ-WfnPL0
You can also find me on:
Twitter: https://twitter.com/codewith_ahsan
GitHub: https://github.com/ahsanayaz
Facebook: https://facebook.com/codewithahsan
Going live in about 15 minutes to migrate more than 180 Angular projects (2 nx workspaces) to the latest Angular v18 🎉
Check out some cool FREE videos from my Practical React Essentials course in Urdu/Hindi!
https://www.facebook.com/watch/100029925893996/449407094426408/
For this assignment, we already have a React App with a contacts route that displays a table of contacts with a "delete" action on each row. Additionally, we have a contact details page that also includes a delete button. The task at hand is to implement the "duplicate" functionality for both the contacts list and the details page. This feature will allow users to create a copy or duplicate of a contact entry easily. By adding this functionality, we can enhance the user experience and provide them with a convenient way to duplicate contacts.
Check the full course at https://codewithahsan.dev/pre
Be the first to know and let us send you an email when Code with Ahsan posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.
Send a message to Code with Ahsan:
Alhamdulillah!
All because of john wick!!As you know, yesterday a lot of business got impacted by the crowdstrike malfunction. And microsoft being down. Some companies cried, some employees got some relief. This shows that no matter how big of a company you are, you could be prone to attacks and down time......#typescript #webdev #webdeveloper #microsoftdown #crowdstrike #crowdstrikedown #codewithahsan #codingmemes #programmingmemes #codingjokes #programmingjokes #programmerhumor
Forgot to remove sounds from my previous video and this is what happened. It scared me 😂
Learn how to efficiently reduce image sizes for web applications using the TinyPNG tool. Compress and convert images with ease, ensuring faster loading times and improved user experience. Watch this example and discover the importance of image compression, especially for small devices and low internet connectivity. Comment "tinypng" for the tool link! . . #ImageCompression #TinyPNGTool #WebApplicationOptimization #FasterLoadingTimes #UserExperience #ImageCompressionTool #WebDesignTips #WebsitePerformance #ImageSizes #MobileOptimization
Discover how to easily generate and customize gradients with UI Gradient, a powerful tool for developers with an eye for design. Choose from a wide range of preset options or let the tool generate random gradients for you. Copy colors, rotate gradients, and even export CSS or download the gradient as an image. Take your designs to the next level! #UIGradient #GradientGenerator #WebDesign #DeveloperTools #CSSGradients #ColorPalette #DesignInspiration #UIUX #GraphicDesign #DeveloperLife #DevTools #DevTips
Want to ensure your website looks flawless on all devices? Discover Responsively, a powerful tool available for Mac, Windows, and Linux. You can test your web app's responsiveness across multiple devices and formats. Say 'responsive' in the chat, and I'll DM you the link! #WebDesignValidation #ResponsivelyTool #ResponsiveWebDesign #WebAppTesting #DeviceCompatibility #CrossPlatformSupport #DigitalMarketing #WebDevelopmentTool #DesignValidation #WebAppOptimization #CodewithAhsan
💻 Customize your code snippets with various themes, fonts, and background options. Comment "carbon" in the chat to get the link: . . Discover new web development tools daily by following @code.with.ahsan. These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
This is a must-have tool for web developers working with CSS! This tool allows you to clip an image using CSS properties and you can select from the presets, or customize the cliip path completely. Type "Clippy" in the chat to access the link now! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
Comment "spiral" to get the code: Learn how to create these mesmerizing spiral patterns using just HTML, JavaScript, and CSS. Watch the video where I demonstrate building a small HTML application with less than a hundred lines of code. If the python developers can do it using turtle, so can we with svgs and some sh*tty code!💟 #HTMLTutorial #JavaScriptPatterns #CSSDesign #SpiralPatterns #WebDevelopment #HTMLCSS #CodeTutorial #CreateArtwithCode #HTMLProjects #CSSStyling
Gemini Nano demo with React! . . #gemininano #gemini #googleai #chromeai #reactjs
⬇️ Read caption 💻 Roadmap offers structured, visual guides that help you understand what skills you need to learn and in what order. Comment "roadmap" in the chat to get the link: . . Discover new web development tools daily by following @code.with.ahsan. These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
🚀 Tried out Google's Gemini Nano which is now available in the browser as an early preview! This means you have an on-device model that doesn't need any API keys or network connectivity. This provides: ✅Faster (near-instant) results ✅Local processing of sensitive data ✅Offline AI Usage (for privacy concerns) What I think can be improved: 🔃Understanding missing context better 🔃Better documentation (of course coming soon) 🔃Possibility to fine-tune (LoRa etc) Here's the code repository for the demo: 🧑🏽💻https://github.com/AhsanAyaz/zubaan-gemini-nano (give it a star ⭐) ▶️ A YouTube video for this is coming soon also. 💪🏽Try out the demo in Chrome Canary or Dev as suggested in the Readme. And suggest any improvements you want. 📖Read more about the Built-in AI here: https://developer.chrome.com/docs/ai/built-in #gemini #gemininano #google #googleAI #chromeAI Google Developer Experts #gde
Live Stream | Trying out Google Gemini Nano (On-Device AI Model) Checking out the on-device model Gemini Nano and how it feels like. Come, let's ask the model some interesting questions xD Get your FREE Git Cheat Sheet: https://codewithahsan.gumroad.com/l/git-cheat-sheet 📖 Get the new Angular Cookbook (2nd edition) from: https://amzn.to/4awwLgH ⭐ Follow the courses on the site without distractions: https://codewithahsan.dev/courses/web-dev-basics Become a cybersecurity specialist (US citizens and Green Card holders of 18 years above only): https://www.symposia.com/channel-partner/maa 💖 Become a supporter : https://buymeacoffee.com/codewithahsan 🤝 Join the CodewithAhsan community: https://codewithahsan.dev/discord 📰 Sign up for updates about the course: https://codewithahsan.dev 🤯 Already an experienced dev? Watch my '4 full stack projects' video: https://www.youtube.com/watch?v=iqbQ-WfnPL0 You can also find me on: Twitter: https://twitter.com/codewith_ahsan GitHub: https://github.com/ahsanayaz Facebook: https://facebook.com/codewithahsan
💻 This tool is perfect for quickly finding the information you need to keep coding without interruptions. Comment "php" in the chat to get the link . . Discover new web development tools daily by following @code.with.ahsan. These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
Welcome to this side of the internet! Which JavaScript method do you prefer?.....## #coding #programming #codingmemes #programmingmemes #programmerhumor #programmerslife #programmer #computerscience #codingjokes
⬇️ Read caption 💻 DeveloperFolio is an open-source project that allows you to create stunning portfolio websites effortlessly. It's designed specifically for developers who want to showcase their skills, projects, and achievements in a visually appealing way. With a variety of customization options, you can tailor the site to reflect your personal brand. Comment "developer" in the chat to get the link: . . Discover new web development tools daily by following @code.with.ahsan. These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
⬇️ Read caption 💻 Railway.app is an impressive platform for deploying, developing, and scaling applications. Its robust and user-friendly interface makes it a great tool for both beginners and pros. Comment "railway" in the chat to get the link: . . Discover new web development tools daily by following @code.with.ahsan. These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
⬇️ Read caption 💻 I think this is an amazing open-source collection of amazing custom components for your web applications. Comment "ui" in the chat to get the link: . . Discover new web development tools daily by following @code.with.ahsan. These tools are perfect for adding unique touches to your web apps and web designs. Start crafting today! #WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
Understanding ternary conditions in React. See the full course at https://codewithahsan.dev/pre . . . #reactjs #webdevelopment #webdev #codewithahsan #javascript
Read caption#devtips day 3:💻 This tool provides a lot of illustrations and SVG that you can use on your websites. It is also possible to choose your own color for each SVG. Reply with “undraw” in the comments to get the link:..Discover new web development tools daily by following @code.with.ahsan.#WebDevelopment #CodingTips #WebDesign #devtips #webdevelopment #coding #programming #javascript #codingtips #coding #frontend #tools
Want your business to be the top-listed Media Company?
