- 22
- 313 406
BlueBits Academy
Приєднався 10 чер 2020
Angular 13 - Movies App - Beginner Practical Guide
Angular is a great frontend JavaScript & TypeScript framework that helps you to build powerful web applications for any goal.
Your Best and Fastest Guide to Learn Angular with Real-World Practical Example
Pick the Course here 👉 bit.ly/3rMwmTr
There are a big amount of courses that dive deeply into Angular which is theory and hard to follow but sometimes you just want to build an entire app and see how it all works in practice. And this is how I am building my courses always and my motto is LEARN BY DOING, this is how I built my experience as a developer,
I don't like to do theoretical things, I like to do something Practical!
I always develop Real-World Applications and I want you to try that with me. Because sometimes you want to build the app and use all these great third-party packages that can add a lot of awesome functionalities to your Angular app!
This course covers exactly that!
We'll build an entire, real app that looks absolutely beautiful, uses PrimeNG Components Library, and is extremely fast!
So the main technologies which we are going to cover are:
- Angular 13, And Structuring your Project
- PrimeNg Material Library
- RXJS
- SCSS
- TypeScript
What will you learn in this course?
- Setting up the environment which will help you to be 99% productive while coding.
- The right extensions which you need to use for your code editor.
- Learn What are Angular Modules, Components, Pipes, and Services.
- How to use Angular CLI (Command Line Interface).
- How to Structure your Angular Code efficiently.
- How to build Angular Components and Make them reusable.
- Build Angular Services and grab data from real-world API
- Learn how to use APIs and how to read data from them.
- Use HTTP services and Methods (GET, POST)
- Angular Routers and how to pass parameters through URL's
- How to make everything Typed and avoid run time errors.
- Create your own UI-Components from scratch to be able to use them anywhere (eg. Slider)
- Discover Web design patterns used by experienced engineers
- Building Responsive Application using a CSS Grid System
- Install and use PrimeNG Component Library and use Amazing Components for the Application.
- How to create pagination for your data and load the data as page blocks.
- Tabs, Carousel, Sliders, Pagination, Video Player, and Image Gallery.
- Build a Search feature for data in your app
- Build and Deploy Angular applications.
Subscribe to our channel for more 🤖
Follow us and join or community!
✅ Facebook: bluebitsacademy
✅ Discord: discord.com/invite/kJq85tKmUE
✅ Twitter: BluebitsA
✅ Website: www.bluebits.dev
Checkout our courses!
👉 React Native: Learn By Doing Movies App [2022]
bit.ly/3jxIDXF
👉 MERN Stack E-Commerce Mobile App with React Native [2022]
bit.ly/38eV5FC
👉 MEAN Stack E-Commerce App: Angular 12, NX, PrimeNg [2022]
bit.ly/3bSIyt8
👉 NodeJs: Build The Complete E-Commerce Web API [2022]
bit.ly/2MPwOxR
👉 JavaScript for Beginners [2022]
bit.ly/3pIH5xe
🚨 Get a free month and watch our courses for free in SkillShare
👉 skl.sh/3pfrHID
Your Best and Fastest Guide to Learn Angular with Real-World Practical Example
Pick the Course here 👉 bit.ly/3rMwmTr
There are a big amount of courses that dive deeply into Angular which is theory and hard to follow but sometimes you just want to build an entire app and see how it all works in practice. And this is how I am building my courses always and my motto is LEARN BY DOING, this is how I built my experience as a developer,
I don't like to do theoretical things, I like to do something Practical!
I always develop Real-World Applications and I want you to try that with me. Because sometimes you want to build the app and use all these great third-party packages that can add a lot of awesome functionalities to your Angular app!
This course covers exactly that!
We'll build an entire, real app that looks absolutely beautiful, uses PrimeNG Components Library, and is extremely fast!
So the main technologies which we are going to cover are:
- Angular 13, And Structuring your Project
- PrimeNg Material Library
- RXJS
- SCSS
- TypeScript
What will you learn in this course?
- Setting up the environment which will help you to be 99% productive while coding.
- The right extensions which you need to use for your code editor.
- Learn What are Angular Modules, Components, Pipes, and Services.
- How to use Angular CLI (Command Line Interface).
- How to Structure your Angular Code efficiently.
- How to build Angular Components and Make them reusable.
- Build Angular Services and grab data from real-world API
- Learn how to use APIs and how to read data from them.
- Use HTTP services and Methods (GET, POST)
- Angular Routers and how to pass parameters through URL's
- How to make everything Typed and avoid run time errors.
- Create your own UI-Components from scratch to be able to use them anywhere (eg. Slider)
- Discover Web design patterns used by experienced engineers
- Building Responsive Application using a CSS Grid System
- Install and use PrimeNG Component Library and use Amazing Components for the Application.
- How to create pagination for your data and load the data as page blocks.
- Tabs, Carousel, Sliders, Pagination, Video Player, and Image Gallery.
- Build a Search feature for data in your app
- Build and Deploy Angular applications.
Subscribe to our channel for more 🤖
Follow us and join or community!
✅ Facebook: bluebitsacademy
✅ Discord: discord.com/invite/kJq85tKmUE
✅ Twitter: BluebitsA
✅ Website: www.bluebits.dev
Checkout our courses!
👉 React Native: Learn By Doing Movies App [2022]
bit.ly/3jxIDXF
👉 MERN Stack E-Commerce Mobile App with React Native [2022]
bit.ly/38eV5FC
👉 MEAN Stack E-Commerce App: Angular 12, NX, PrimeNg [2022]
bit.ly/3bSIyt8
👉 NodeJs: Build The Complete E-Commerce Web API [2022]
bit.ly/2MPwOxR
👉 JavaScript for Beginners [2022]
bit.ly/3pIH5xe
🚨 Get a free month and watch our courses for free in SkillShare
👉 skl.sh/3pfrHID
Переглядів: 1 053
Відео
Learn How to Create Live Crypto Prices App Using React Native & NodeJs with Scoket.io
Переглядів 2,9 тис.2 роки тому
You will learn in this turorial how to build a mobile app to get #crypto live prices from real prices datasource , getting updated every 5 seconds. Available for iOS and Android devices. Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.de...
How to Open GitHub Repository Without Cloning With VsCode! 😲
Переглядів 56 тис.3 роки тому
Learn how to Open GitHub Repository Without Cloning With VsCode! and edit the code directly Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing Movies App [2021] bit.ly/3H4PWj6 👉 React...
Custom Gallery Swiper with BottomSheet - React Native iOS - Speed Code
Переглядів 2,2 тис.3 роки тому
Learn to build a custom Gallery Swiper with BottomSheet for product actions. Available for iOS devices. 👉 Starting project: github.com/bluebits-academy/GallerySwipper-starter/tree/master Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.de...
JavaScript for Beginners #3: Strings
Переглядів 343 роки тому
Javascript for beginners! Start your new career with web development. Full Course: Udemy: bit.ly/3pIH5xe Skillshare: skl.sh/3pMmgAU Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing ...
JavaScript for Beginners #2: Numbers
Переглядів 353 роки тому
Javascript for beginners! Start your new career with web development. Full Course: Udemy: bit.ly/3pIH5xe Skillshare: skl.sh/3pMmgAU Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing ...
JavaScript for Beginners #1: Basics and Variables
Переглядів 993 роки тому
Javascript for beginners! Start your new career with web development. Full Course: Udemy: bit.ly/3pIH5xe Skillshare: skl.sh/3pMmgAU Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing ...
Shallow and Deep Object Cloning in JavaScript - Be careful 😱
Переглядів 4453 роки тому
In JavaScript, objects are like a store or collection of key-value pairs. which they refer to same memory slot if you copy them using = Avoid this mistake! Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React...
Build a Responsive Navbar using HTML and CSS - Speed Code
Переглядів 1673 роки тому
Learn how to build a responsive Navigation Bar using only HTML and CSS Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing Movies App [2021] bit.ly/3jxIDXF 👉 MERN Stack E-Commerce Mobi...
Infinite Scroll Loader with pure Javascript - Speed Code
Переглядів 1,3 тис.3 роки тому
🚨 to create a Infinite Post Loader with HTML, CSS and JavaScript. Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing Movies App [2021] bit.ly/3jxIDXF 👉 MERN Stack E-Commerce Mobile Ap...
Starting a Design For Web 🥵 - What Do You Design First? It’s Frustrating
Переглядів 1253 роки тому
Ok I have the requirements from the customers to build his mobile app, But where i have to start , this is the hardest task! 🤬 🤬 🤬 🤬 Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing...
React Native CLI: Getting started
Переглядів 80 тис.3 роки тому
Learn how to setup the environment on your machine for React Native CLI development. Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing Movies App [2021] bit.ly/3jxIDXF 👉 MERN Stack E...
Develop Like Google: What is NX Monorepo?
Переглядів 1,3 тис.3 роки тому
Develop Like Google Nx is a Typescript based mono repo tool, built on top of Angular DevKit (CLI and Schematics) and provides a workspace, CLI, a cloud-based computation caching, and a great language level IDE support. Nx was created by Angular team at Google and then the core members decided to start a company (Nrwl) providing Nx toolchain, consulting and education. Subscribe to our channel fo...
Pure CSS & HTML Loading Spinners - Learn CSS Animations
Переглядів 3773 роки тому
Great Loading Spinners for your website with HTML & CSS only full code is available here : github.com/bluebits-academy/loading-spinners Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Do...
Angular: Components, Modules, Services in 3 minutes
Переглядів 3,5 тис.3 роки тому
Quick overview about Angular most important pars for beginners bluebits.dev Subscribe to our channel for more 🤖 Follow us and join or community! ✅ Facebook: bluebitsacademy ✅ Discord: discord.com/invite/kJq85tKmUE ✅ Twitter: BluebitsA ✅ Website: www.bluebits.dev Checkout our courses! 👉 React Native: Learn By Doing Movies App [2021] bit.ly/3jxIDXF 👉 MERN Stack E-Commerce...
React Native Tutorial #5: Route Parameters Navigation
Переглядів 3,8 тис.3 роки тому
React Native Tutorial #5: Route Parameters Navigation
React Native Tutorial #4: Material Top Tab Navigation
Переглядів 24 тис.3 роки тому
React Native Tutorial #4: Material Top Tab Navigation
React Native Tutorial #3: Stack Navigation
Переглядів 6943 роки тому
React Native Tutorial #3: Stack Navigation
React Native Tutorial #2: Bottom Tab Navigation
Переглядів 2,5 тис.3 роки тому
React Native Tutorial #2: Bottom Tab Navigation
React Native Tutorial #1: Drawer Navigation
Переглядів 3,6 тис.3 роки тому
React Native Tutorial #1: Drawer Navigation
Introduction to Deno - Typescriped NodeJs
Переглядів 3844 роки тому
Introduction to Deno - Typescriped NodeJs
Creating Language Switcher (Dropdown) HTML + CSS with Flexbox
Переглядів 129 тис.4 роки тому
Creating Language Switcher (Dropdown) HTML CSS with Flexbox
well done
Thanks😊, very helpful
I like your explanation, very detail. Thanks for the great tutorial❤
Video is good, but the video does not contain how to add native packages into native code. Would have been nice to cover that part
l have a challenge with installing brew on my mac BOOK
Thank you very much! You saved me.
I spent some time trying to set up RN CLI, thank you for this.
Oh, but isn't a major thing that is missing the fact that the selected-lang does not get updated, and in particular the background-image in selected-lang:before? That seems really tricky, how could this be done?
All I came up with is making new html files for each language, as if you were making side pages. You basically copy/paste your index file, change the "selected-lang" to something else i.e. selected-lang-fr for french. Then in your css file you need to copy/paste .selected-lang and selected-lang:before paragraphs as many times as much languages you have on your list, change the flag url and ajust the width value so different language names fit their flags. Looks like a lot of repetitions and kind of hurts my soul... I hope there is some more efficiant way to specify those things only once like any self-respecting programer would do. You need to translate entire website content anyway... So you will end up with all your side pages' files multiplied by the number of languages...
This is great, thank you! My only issue was that if I hover even a little bit below the selected language, it already showed the ul. I just had .lang-menu: hover ul { display: block; }, of course. Turns out that if I add a height parameter to .lang-menu {}, that works out. I set it to 35px, as well as the top parameter in .lang-menu ul {}, and that worked a charm. Thanks again :)
Thank you
Thanks man
wonderful session.. it was really helpful to understand basic setup of react native. just one doubt I have that I cannot see option "Debug with Chrome" on simulator. How to enable it
This is a expo project but Can i use this code in react native cli project ?
How do I add both HTML and CSS INTO a Google Site? I am a newbie into webpage creation and it seems to only work the HTML code
in your udemy course you have not share resources we really have difficulty do something
cant download something cuz "system files"
One of solutions to cure "disappearing list" is to change .lang-menu .selected-lang:before {width} to a bigger number
Great tricks G🎉
Simple explanation.Great work.Thank you
Hi I'm beginner can I ask What are those three colored circles on the top left side of the page? Thank you
that is for Mac, close, open, minimize windows
Today 12/12/2023, thanks!
THIS COURSE IS AMAZING THANK YOUUUU❤❤❤ PLZ KEEP IT UP🎉😊
Thanks to u bro, i can finally fix my code
Great video - so important to have the environment correctly set up with a good set up for debugging! Spent ages trying to get the chrome and vscode debugger working. "Open debugger" in the ios simulator would do nothing and running the debugger via Attach to packager wouldn't stop at breakpoints. (using "react-native": "0.72.6") Solution: I found that I had to set ':hermes_enabled => false' in the ios>Podfile and run 'pod install'. Then I was able to run the chrome debugger from the ios simulator and the debugger using the attach to packager worked.
hello can you guide me ..i have a home screen in bottom of the screen textinput box here when keyboard open at the time tab bar also scroll up..how can fix the position in tab bar..??
Is there a source code?
Hello.i have a question i will get happy if u answer my question.how developer secure their app? What do we need to learn? What knowladge actually we need?
Thanks mate, it is awesome!
this is really good explanation, thanks! I couldn't find any explanation in russian youtube, but here I found explanation in 3 minutes :D
All your courses are no longer on Udemy, what happened?
This is from 2 years ago, this is not working right now. Do we need react native material to implement this?
Expo is better. This is bs.
Tks so much bro :D
Loved this course. Saw it fully before it was removed from Udemy. Can you share the link of your course for making ecommerce website (both frontend and backend)
is this safe? Because this is another application.
how to run the code?
in github i cant find Sql files will you help me please...
source code please....????
😂😂😂I cannot believe how you just quickly ran through the Windows Android setup process, while you were patient and detailed with MacOS😂😅😂. But, I understand❤. Thanks for the vid.🙏
istqb udemy
Thank you for making such a great tuto, excellent step by step, awesome explanation, anyone can follow, great job!!!
really thannks for this vide
Thank you for this lesson. A lot of valuable info
Then how we push the code
Mine keeps loading forever
js part ?
thanks
топ
Hey man owesome . I am working in software hours and i am expert in reatve js and web development and Team lead asked to me learrn react native using reat native CLI and I am seraching for tutoril on the youtube . As you said there is no content related to this . Finaly i found you . 💕💕❤❤
What about optimization sir?