- Видео 63
- Просмотров 143 553
Developerorium
Пакистан
Добавлен 9 июн 2013
Hi there! I'm Muhammad Awais, a internationally recognised passionate Lead Software Engineer / Full Stack (Frontend) with 9+ years of experience who finds joy in crafting exceptional web experiences, fixing breaking logic and bug fixes using JavaScript, Typescript, Angular, React, Vue, NodeJS, [Python] newbie, Artificial Intelligence enthusiast. My days are filled with lines of code, bringing creativity to life through top-notch technology stack. Additionally, I have contributed as a tech author for Generative AI and JavaScript in Plain English publications. Apart from that, I am advocate for best practices and a google, amazon web services technology speaker of Ai and other frameworks.
Talks about #code, #angular, #javascript, #angular, #reactjs, and #opensource
awaisshaikh94@gmail.com
awaisshaikh_
bit.ly/muhammadawaisshaikh
www.github.com/muhammadawaisshaikh
#developerorium
#muhammadawais
#muhammadawaisshaikh
Talks about #code, #angular, #javascript, #angular, #reactjs, and #opensource
awaisshaikh94@gmail.com
awaisshaikh_
bit.ly/muhammadawaisshaikh
www.github.com/muhammadawaisshaikh
#developerorium
#muhammadawais
#muhammadawaisshaikh
Study 100% Fully Funded Exchange Program in USA 2025 ✈️ 🇺🇸
Fully Funded Summer Leadership Program in the USA | Hansen Leadership Institute (HLI) 2025 ✈️🇺🇸
Description:
Are you ready to develop your leadership skills and experience the USA this summer? The Hansen Leadership Institute (HLI) 2025 offers a fully funded professional development program designed to enhance your leadership abilities, conflict resolution skills, and public speaking confidence.
✨ Program Highlights:
📈 Comprehensive training in leadership, conflict resolution, and mediation.
🗣️ Develop public speaking and communication skills.
🌍 Engage in international cooperation and cultural exchange.
🏛️ Learn about the USA’s culture, economy, traditions, and government.
📝 Benefits of the Progra...
Description:
Are you ready to develop your leadership skills and experience the USA this summer? The Hansen Leadership Institute (HLI) 2025 offers a fully funded professional development program designed to enhance your leadership abilities, conflict resolution skills, and public speaking confidence.
✨ Program Highlights:
📈 Comprehensive training in leadership, conflict resolution, and mediation.
🗣️ Develop public speaking and communication skills.
🌍 Engage in international cooperation and cultural exchange.
🏛️ Learn about the USA’s culture, economy, traditions, and government.
📝 Benefits of the Progra...
Просмотров: 160
Видео
Angular API Integration v19: Step-by-Step Guide
Просмотров 222День назад
In this video, we dive into integrating APIs with Angular v19! Whether you're building your first Angular app or upgrading an existing one, mastering API calls is essential for dynamic, real-world applications. In this session you will be getting deep details of newly provider of Http from Angular v.19 and key differences of server rendered applications comparing with previously used HttpClient...
Should You Attend Gitex For Career Oriented Goals 2024
Просмотров 5914 дней назад
In this video, I dive deep into everything you need to know about Gitex Global 2024 and whether it aligns with your career goals. Whether you're a business owner, a software engineer, or a professional seeking your next role, I’ll share actionable insights to help you decide if this global tech event is worth your time and investment. 🔍 Topics Covered: - Why Gitex is a key platform for networki...
My Tech Interview at Google - Frontend Engineer
Просмотров 1,4 тыс.14 дней назад
My Interview at Google - Frontend Engineer | BFS Algorithm Problem 🚀 In this video, I share my experience interviewing at Google for a Frontend Engineer role and dive into an algorithm-based solution for one of the key questions asked during my interview: Breadth-First Search (BFS). 🔍 What you'll learn in this video: - A step-by-step explanation of the BFS algorithm. - How to approach Google-le...
Update your Angular Apps to Angular 19
Просмотров 373Месяц назад
Update Your Angular Apps to Angular 19! 🚀 Angular 19 is here, bringing powerful updates and exciting new features to enhance your web development journey! 🎉 In this video, we guide you through the process of upgrading your apps to the latest version of Angular, ensuring you can leverage its groundbreaking capabilities for a better developer experience. 📝 Read the Article: Discover all the lates...
Health Report Reader Angular + Google Ai Model Gemini
Просмотров 95Месяц назад
Health Report Reader: Angular Google AI Gemini Integration 🩺 In this video, we dive into an innovative project combining the power of Angular and Google AI Model Gemini to create a cutting-edge Health Report Reader! 🌟 🔍 What You'll Learn: How to use Google AI Gemini for analyzing and interpreting health reports. The integration process with Angular for building a seamless user interface. A step...
Ai Powered App Development: Leveraging Angular, Python, and Google AI: Ai Practical Solutions - Book
Просмотров 125Месяц назад
In "AI-Powered App Development: Leveraging Angular, Python, and Google AI," Muhammad Awais takes developers on a journey to build intelligent, cutting-edge applications by blending modern web technologies with advanced artificial intelligence. Through a hands-on, step-by-step approach, Awais demonstrates how to harness the power of Angular, Python, and Google’s Gemini AI, creating impactful, re...
Auxiliary Routes in Angular
Просмотров 234Месяц назад
Angular fully supports auxiliary routes, enabling multiple routes on the same page within a single-page application. Each component has a primary route and can include one or more auxiliary outlets, which require a unique name. To implement auxiliary routing, first configure standard routing where auxiliary routes will be displayed. When the router finds a matching URL, it attempts to display t...
Incremental hydration in Angular - #NgPoland
Просмотров 191Месяц назад
By leveraging deferrable views, or defer blocks, developers can control when and how different parts of the application become interactive (hydrated). This approach allows content to be incrementally hydrated based on user actions, visibility, or specific conditions, such as hydrate on, hydrate when, or hydrate never. In modern web applications, optimizing performance and user experience is ess...
Boost Your Angular Applications to Production-Grade with SOLID Design Principles
Просмотров 127Месяц назад
Boost Your Angular Applications to Production-Grade with SOLID Design Principles
Angular 17 @defer block with attention to all aspects 🚀
Просмотров 198Год назад
Angular 17 @defer block with attention to all aspects 🚀
Real Quick Angular Migration from 16 to 17 🚀
Просмотров 315Год назад
Real Quick Angular Migration from 16 to 17 🚀
Brief Introduction to Angular and overview of App Structure
Просмотров 63Год назад
Brief Introduction to Angular and overview of App Structure
How to Implement and open a Detail Screen using AppSmith
Просмотров 120Год назад
How to Implement and open a Detail Screen using AppSmith
How to create Listing Screen UI with Api Integration AppSmith
Просмотров 656Год назад
How to create Listing Screen UI with Api Integration AppSmith
Authentication in Angular App with Auth0
Просмотров 11 тыс.Год назад
Authentication in Angular App with Auth0
Function Invocation and Execution Stack in Javascript
Просмотров 672 года назад
Function Invocation and Execution Stack in Javascript
Creation Phase and Hoisting in Execution context
Просмотров 552 года назад
Creation Phase and Hoisting in Execution context
Fetching Data from a Backend API in Angular App - Part 2
Просмотров 4942 года назад
Fetching Data from a Backend API in Angular App - Part 2
Fetching Data from a Backend API in Angular App - Part 1
Просмотров 5 тыс.2 года назад
Fetching Data from a Backend API in Angular App - Part 1
Overview the basics of React before doing React
Просмотров 302 года назад
Overview the basics of React before doing React
❤
Thank you for this explanation! This is exactly what I was looking for. I'm new to Angular and having trouble taking that JSON response from the API and adding it to a grid. Any recommendations on how to get started/videos to watch?
Let’s connect: topmate.io/muhammadawaisshaikh
Great video! I really appreciate the insights you put into creating this. Looking forward to seeing more content from you. Keep up the awesome work! 👏
New Video for this session (Fetching data from Backend Server) is out with Angular v.19 🎉 ruclips.net/video/ryhlhAQMDbM/видео.htmlsi=UyI2DrxVC96GhluO
New Video for this session (Fetching data from Backend Server) is out with Angular v.19 🎉 ruclips.net/video/ryhlhAQMDbM/видео.htmlsi=UyI2DrxVC96GhluO
Thanks! I really love what they're doing with the experimental resources feature. My whole application is doing just that, so now stuff is going to be much simpler and easier to manage. It's very good time to be an Angular developer and I hope more jobs will surface shortly!
Useful technique, thanks for sharing it. Subscribed!
This is so awesome. Thanks for sharing.
medium.com/@awaisshaikh94/auxiliary-routes-in-angular-5f42b20ca0fb
Step by Step Guide: medium.com/@awaisshaikh94/keep-hydrated-with-angular-incremental-hydration-0eb139aea78d
I didn't not understand that how did you get the login page when you click login without writing any login code
Very nice concept
Article: medium.com/@awaisshaikh94/creating-a-material-ui-icon-resolver-for-react-8beb38d7872b
Thank you, very good video, it was implemented and it worked, now I have a problem when using "HashLocationStrategy" in the navigation bar, the authentication is lost and is not maintained,
Do you have any github link?
Please check the codebase here: muhammadawaisshaikh.hashnode.dev/welcoming-standalone-components-in-angular-v14
Great
Great video, thanks! 😀
provided 2 callback url , but it is going to same localhost after logout. how to fix?
thank you, But I can't set Application Type to "Single Page Application" why?
👍
Hi.. Very helpful video. Can you make a part 2 where you will use jwt also to authenticate the other endpoints.. Thank you
Sure ✔️
just what i needed thanks ! :D
Glad you liked it 🎉
how can we get and store the token in localStorage ?
Using localstorage.setItem method you can find on google.
Instead To develop an app..how to contact you sir.?
Check very first slide of video there my GitHub is mentioned. Go there and connect with me
plz make more videos and create full web apps using angular
Hi, I am not able to open localhost:4200. Can you please help?
let's connect over email: awaisshaikh94@gmail.com
very useful and up to date. Thank you!
Hi there, i tried following your steps but did not get any rendering of HTML at 26:50 as i call my backend server localhost:3003. Could you explain to me, please? Thanks in advance
Thanks a lot. Please make a e-commerce website
Sure will make one this weekend. glad you like it.
Thanks a bunch for sharing your knowledge
Finally solved the problem after searching for a while! Nobody didn't tell that I have to set the frame from controls in front.. After that, u need to change from FRAME.NavigationService.Navigate(p1); to THIS.NavigationService.Navigate(p1); between pages... Thank you!
Here is the detailed article over standalone components in angular v14 👇 muhammadawaisshaikh.hashnode.dev/welcoming-standalone-components-in-angular-v14
Thank you so much
Hello sir, where is blog link ? By the way , video is very helpful
Let me add in the description asap. Sorry for the delays. Glad you found this helpful 🙌
Thank you for this video, really helps me a lot to understand this topic
glad you found this helpful. thanks
On data table data change get and post in angular ngx-datatable
I didn’t get you Abhijeet.
Fantastic Excellent Bro.NoOne can touch this concept this much clearly.
many thanks.
Amazing sir!
Source code
Keep it up good work ✔️
🙌
Great job bro👏👍😊
Synthesis failed
Great examples 👌 thanks 🙏
Glad you like it 🙌
can i contact you please ?
after hours of searching i found that ty
Pleasure man 🙌
del(X , [], []). del(X,[X|T], L) :- remove(X,T,L), !. del(X, [Head|Tail], [Head | NewTail]) :- del(X, Tail, NewTail).
Thank you very much. I have added the line "del(X,[X|T], L) :- remove(X,T,L), !." to cater for multiple deletes.
great.
Good one.