- Видео 263
- Просмотров 139 379
Fun & Learn
Индия
Добавлен 15 июл 2018
Welcome to Fun & Learns! We create coding tutorials for beginners, covering topics like HTML, CSS, JavaScript, C#, and more.
For more updates, visit:
Fuel your passion for programming with Fun & Learns! We create engaging and accessible coding tutorials for beginners, covering topics like HTML, CSS, JavaScript, C#, and more. Our beginner-friendly approach ensures you grasp concepts with ease, while practical exercises solidify your understanding.
Buy me a coffee: www.buymeacoffee.com/funlearn00a
Follow us on Instagram: funandlearn
Subscribe for new videos!
Thanks,
Team Fun & Learn
For more updates, visit:
Fuel your passion for programming with Fun & Learns! We create engaging and accessible coding tutorials for beginners, covering topics like HTML, CSS, JavaScript, C#, and more. Our beginner-friendly approach ensures you grasp concepts with ease, while practical exercises solidify your understanding.
Buy me a coffee: www.buymeacoffee.com/funlearn00a
Follow us on Instagram: funandlearn
Subscribe for new videos!
Thanks,
Team Fun & Learn
Patch in Power Apps: Insert Data & Add Validations in SharePoint | Label validation in Power Apps
In this Power Apps tutorial, learn how to use the Patch function to insert data into a SharePoint List seamlessly. This video also covers how to implement label-type validations, ensuring users are notified when required fields are left empty. Whether you're a beginner or intermediate Power Apps user, this step-by-step guide will help you create efficient and user-friendly forms.
Key Topics Covered:
Using the Patch function in Power Apps
Implementing custom field validations
Inserting data into SharePoint List
Enhancing user experience with error handling
By the end of this tutorial, you’ll have a functional Power App that ensures data integrity and provides meaningful validation feedback to us...
Key Topics Covered:
Using the Patch function in Power Apps
Implementing custom field validations
Inserting data into SharePoint List
Enhancing user experience with error handling
By the end of this tutorial, you’ll have a functional Power App that ensures data integrity and provides meaningful validation feedback to us...
Просмотров: 16
Видео
Netflix-Style UI: Build a Streaming App with HTML & CSS | HTML and CSS Beginners Project 2025
Просмотров 10419 часов назад
Learn how to create a Netflix-style streaming app UI using HTML and CSS in this beginner-friendly tutorial. This video is perfect for anyone looking to design a sleek and responsive streaming app interface like Netflix or Amazon Prime. What You'll Learn in This Video: How to structure the app layout with HTML Styling and adding visual appeal with CSS Creating a responsive design for all devices...
Shoe Store Website Design with HTML & CSS | Part 1 | Animated UI 2025
Просмотров 7414 дней назад
In this video, we create a modern shoe store website design using only HTML and CSS. This is Part 1 of the series, where we focus on building a clean UI and adding smooth animations to enhance the design. Whether you are a beginner or an intermediate developer, this tutorial will guide you step-by-step to create a sleek and professional-looking shoe store website. What You'll Learn: Creating a ...
Reader's Record Part 8: Fetch Book Details with Star Ratings | JavaScript, Local Storage & API
Просмотров 2214 дней назад
In Reader's Record Part 8, learn how to fetch and display book details using JavaScript, combining data from Local Storage and the Google Books API. This video covers the creation of a dynamic Book Details Page with features like star ratings, seamlessly integrating data from multiple sources. Perfect for anyone looking to enhance their JavaScript skills and work on real-world projects. What yo...
PopCorn Part 2: Build a Stunning Indian Movie Section & Footer with HTML, CSS & JavaScript
Просмотров 6121 день назад
Popcorn Project: Part 2 | Marvel Movies UI Design with HTML & CSS 🍿 In this exciting video, we continue building our Popcorn Project, a stunning web design inspired by Marvel Movies and other popular films. Using HTML and CSS, we focus on creating: ✅ A dynamic movie section for showcasing posters like "Iron Man" and "Captain Marvel." ✅ Interactive buttons with hover effects for a better user ex...
Sort Books by Author, Title, and Date | Reader's Record Part 7
Просмотров 46Месяц назад
In this video, Reader's Record Part 7, we enhance our project by adding a sorting feature for book details stored in local storage. Learn how to: Implement dynamic sorting functionality using JavaScript. Sort book data in ascending order by Author Name, Book Name, and Publishing Date. Update dropdown options to trigger sorting based on selected criteria. Enhance user experience with a clean and...
PopCorn Project Part 1: Create a Streaming Platform Like Netflix & Prime using HTML & CSS
Просмотров 79Месяц назад
In this step-by-step tutorial, we’ll guide you through creating a stunning and responsive UI for a streaming platform, inspired by popular services like Netflix and Amazon Prime. This is Part 1 of the PopCorn Project, where we focus on designing the homepage layout with HTML and CSS, while integrating interactivity using JavaScript. What You’ll Learn in This Video: Creating a hero section with ...
JavaScript Tooltip for Long Book Descriptions | Reader's Record Part 6
Просмотров 62Месяц назад
In Part 6 of the Reader’s Record project, we enhance the book display system with pagination and dynamic image rendering from Local Storage. Using HTML, CSS, and JavaScript, we make the book browsing experience more interactive and user-friendly. What you'll learn: HTML: Building a responsive and clean grid layout to display book data. CSS: Creating a modern, user-friendly design with grid syst...
Display Books with Pagination & Images from Local Storage | Reader's Record Part 5
Просмотров 94Месяц назад
In Reader's Record Part 5, we enhance the app by retrieving book data with images directly from local storage. Learn how to implement pagination for efficient browsing when the book list grows. This tutorial includes step-by-step guidance for displaying images stored locally and organizing book entries for a user-friendly experience. Perfect for anyone looking to build a dynamic library app wit...
School Website with Masonry Gallery Layout, Header & Footer | HTML & CSS Project Tutorial 2024
Просмотров 952 месяца назад
In this video, we’ll create a responsive school website with a modern, dynamic design using HTML and CSS. This project features a unique masonry image gallery layout, a structured header, and a sleek footer that come together to give the site a polished, professional look. Perfect for web development beginners or anyone looking to improve their HTML and CSS skills, this tutorial walks through e...
Upload Image to Project Folder Using JavaScript, Express, Multer & Postman | Reader's Record Part 4
Просмотров 752 месяца назад
In this video, we continue with Reader's Record Part 4 by adding the functionality to upload custom book covers when the Google Books API fails to provide an image. We'll show you how to allow users to select and upload images directly into your project folder using JavaScript, Express, and Multer. This video focuses on building file upload capabilities and enhancing your project with smooth an...
Select Book Cover if Google API Image Not Found | JavaScript for Beginners | Reader's Record 3
Просмотров 522 месяца назад
In this video, we continue with Reader's Record Part 3 by enhancing the user experience when a book cover image is unavailable from the Google Books API. We'll show you how to implement a file upload feature using JavaScript, allowing users to select and display a custom book cover from their computer. Key takeaways: Handling missing book images from the Google Books API Implementing a file upl...
Create a Stunning AI Web Page UI using HTML & CSS for Beginners 2024
Просмотров 622 месяца назад
In this tutorial, we'll walk you through creating a stunning User Interface for an Artificial Intelligence Landing page using only HTML and CSS-no JavaScript required! We'll demonstrate how to design an eye-catching header with a unique trapezium shape, giving your landing page a modern and creative look. This step-by-step guide is perfect for beginners and intermediate developers who want to i...
Unique Genre Dropdown & Save Book Data with JavaScript | Reader's Record Part 2
Просмотров 633 месяца назад
In Part 2 of the Reader's Record series, you'll learn how to use JavaScript to save book details in local storage and dynamically create a unique genre dropdown. This tutorial enhances your web app’s functionality, providing a better user experience by organizing your book data effectively. Whether you're a beginner or intermediate developer, this tutorial will give you hands-on experience with...
How to Retrieve Book Details with Google Books API | Reader's Record Part 1 (JavaScript, HTML, CSS)
Просмотров 1713 месяца назад
How to Retrieve Book Details with Google Books API | Reader's Record Part 1 (JavaScript, HTML, CSS)
Modern To-Do : Update Task Status Using JavaScript & Local Storage - Part 8
Просмотров 753 месяца назад
Modern To-Do : Update Task Status Using JavaScript & Local Storage - Part 8
Reader's Record project Demo | Javascript, HTML, CSS project for intermediate developers.
Просмотров 583 месяца назад
Reader's Record project Demo | Javascript, HTML, CSS project for intermediate developers.
JavaScript Date-Based Task Card Accordion | HTML & CSS Tutorial | Modern To-Do Part 7
Просмотров 783 месяца назад
JavaScript Date-Based Task Card Accordion | HTML & CSS Tutorial | Modern To-Do Part 7
Dynamic Year & Month Accordion with JavaScript | Modern To-Do List Tutorial Part 6
Просмотров 214 месяца назад
Dynamic Year & Month Accordion with JavaScript | Modern To-Do List Tutorial Part 6
JavaScript Task Status Update - Enhancing Your To-Do List - Part 5 - JavaScript for Intermediate
Просмотров 264 месяца назад
JavaScript Task Status Update - Enhancing Your To-Do List - Part 5 - JavaScript for Intermediate
Saving and Displaying Tasks in Local Storage | Modern To-Do App Part 4
Просмотров 414 месяца назад
Saving and Displaying Tasks in Local Storage | Modern To-Do App Part 4
Building an Add Task Form with HTML, CSS & JavaScript - To Do List Project Part 3 | Fun & Learn
Просмотров 714 месяца назад
Building an Add Task Form with HTML, CSS & JavaScript - To Do List Project Part 3 | Fun & Learn
JavaScript Calendar Tutorial: Next & Previous Months - To-Do Series Part 2 - Fun & Learn
Просмотров 605 месяцев назад
JavaScript Calendar Tutorial: Next & Previous Months - To-Do Series Part 2 - Fun & Learn
Designing a Current Month Calendar with HTML, CSS, and JavaScript | Modern To-Do Series Part 1
Просмотров 805 месяцев назад
Designing a Current Month Calendar with HTML, CSS, and JavaScript | Modern To-Do Series Part 1
Modern To-Do List Project Demo - JavaScript Project for Beginners - Fun & Learn
Просмотров 465 месяцев назад
Modern To-Do List Project Demo - JavaScript Project for Beginners - Fun & Learn
SPFx Updating Data in List Using PnP, React JS, and TypeScript | SharePoint Framework Customization
Просмотров 2355 месяцев назад
SPFx Updating Data in List Using PnP, React JS, and TypeScript | SharePoint Framework Customization
SPFx Deleting Data From List Using PnP React JS | SPFx Delete Data From SharePoint List
Просмотров 625 месяцев назад
SPFx Deleting Data From List Using PnP React JS | SPFx Delete Data From SharePoint List
SPFx Getting data from List using Pnp React js | Spfx getting data in fluent UI detail list
Просмотров 4766 месяцев назад
SPFx Getting data from List using Pnp React js | Spfx getting data in fluent UI detail list
SPFx Inserting Data in List Using PnP, React JS, and TypeScript | SharePoint Framework Customization
Просмотров 9676 месяцев назад
SPFx Inserting Data in List Using PnP, React JS, and TypeScript | SharePoint Framework Customization
Drag and Drop Quiz Tutorial | Step-by-Step Guide| JavaScript project for beginners
Просмотров 626 месяцев назад
Drag and Drop Quiz Tutorial | Step-by-Step Guide| JavaScript project for beginners
Explained very well, this concept in easy way..🔥🔥 great video
Thanks for your Valuable feedback. 😌
where is the download link for the images
Hi, Thanks for watching our video. This is the link of Image drive.google.com/file/d/101B4qCBBaiWI29WpYAhPjG8gP-DibVlm/view?usp=drive_link. If You Liked our video the please subscribe and keep supporting.
code give me
Hey, Thanks for watching our Video. Please drop a mail on funlearn009@gmail.com. Regards, Team Fun & Learn
Good UI sir and the concept of dark mode is to good 👍
Can i get the source code plzz??
share the source code
Thanks for sharing such valuable information! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). What's the best way to send them to Binance?
Very nice video sir very help full💯
Thank you for your kind words! Glad it was helpful 😊
Informative. Keep doing more content like this.
Looks cool, explanation is really great
Crazyy UI
Learn a lot from your videos .
Thanks for this video
Great Learning
Pls send me your no
Nonsance bot stupet
Pls send me your no What is your name
Pls send me your no What is your ma
Pls send me your no What's you name
Excited for part 3😇
Sir Please Upload more videos on SPFx
Sir Please upload 2nd part of the video
Amazing Projects Sir 😇
Hello Sir! May I ask if you could provide the source code for the sign up form?
Hi! Thank you for your comment. Unfortunately, I don’t have the source code for the sign-up form available at the moment. However, I’d be happy to guide you through the process or help with any specific part you're struggling with! Feel free to ask me any questions or let me know what you need help with. Stay tuned, I may add a source code download option in future videos!
Cool
Kindly make more videos on SPFX Webpart React JS like inserting records in forms and tables etc. different logics programs on spfx webpart
Sure, Will try to
What if we want to create a record ? can you make a video on that ?
Hi, Thanks for your comment. ruclips.net/video/2GnTcO-m-hI/видео.htmlsi=4ozc9yS4kBXW4n2X . You can use this for inserting the data in the list. Don't forget to subscribe.
Good Learning Video Sir 💯
Thank you very much for great video
Awesome and helpful video.. thank you very much for creating this video. can you please create a similar video with the latest version of PnP SP
Hi, Thanks for the positive feedback we are currently creating the tutorial on the latest version. Stay tuned.
Thank You Sir Really Very UnderStandable Video (Can You please provide Source code of the Whole Project)
why didnt you use the latest version of sp?
Hi, when I began working with SPFx, the PnP SP version was the latest. Since then, I've continued working with that version. I'm currently preparing a tutorial where I'll cover coding for the latest PnP version.
@@FunAndLearnCoding Thats cool. I was following another tutorial and couldn't import sp so I looked for the newest one and it was yours but it was still using v2. Look forward to your new videos 😁
Sir Can you please provide me the source Code
Really HelpFull SIr 🙏
Excellent very much impressed🎉🎉🎉 looking forward for further videos
Do you have a tutorial on how to embed the spfx webpart into SP site and make it accessible to other users?
I haven't covered that in any of the available tutorials yet, but I'll make sure to include it going forward.
Thanks for your effort, Please upload more videos related to SPFx with React JS
Hi, Sure we will be uploading more tutorials on SPFx. If you find our videos helpful don't forget to subscribe and follow us on Instagram from updates. 😀
Thank you for such a great video, It's very helpful for beginners to start learning about SPFx with React JS
Hello, can I have the source code for this project please?
Hi, I have uploaded Part 2 of this project, Below is the link ruclips.net/video/muf2SHzvsYE/видео.html
Thank you for this great tutorial. When are you planning to release part 2?
Hello, I've already recorded the project, and the code is ready. I haven't uploaded the video yet because I plan to record other tutorials and maintain consistency on RUclips. Anyway, if you want the source code, let me know, and I can share it with you.
@@FunAndLearnCoding Thanks a lot for your tutorial. Could you please upload the logic part (2)? We would be so thankful to you again!
@@AhmedElrhaziHi I have uploaded Part 2 of this tutorial. below is the link ruclips.net/video/muf2SHzvsYE/видео.html
Thank you!
Honest feedback.. This video resolve all my issue
Thank you so much for your feedback.
thankyou sir
I actually didn't understand why we are writing code like this but it worked. Thank you!
life savior
Video quantity very bad. ...check it
where is another parts teacher
Sir plz upload the whole project
Where is the 2nd video of this project?
Can you show me the vice versa? like select one radio button based on it dropdown will appear.. different radio button different dropdown values will be there...