BlueBits Academy
BlueBits Academy
  • 22
  • 313 742
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
มุมมอง: 1 053

วีดีโอ

Learn How to Create Live Crypto Prices App Using React Native & NodeJs with Scoket.io
มุมมอง 2.9K2 ปีที่แล้ว
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! 😲
มุมมอง 57K3 ปีที่แล้ว
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.2K3 ปีที่แล้ว
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.3K3 ปีที่แล้ว
🚨 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
มุมมอง 80K3 ปีที่แล้ว
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.3K3 ปีที่แล้ว
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.5K3 ปีที่แล้ว
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.8K3 ปีที่แล้ว
React Native Tutorial #5: Route Parameters Navigation
React Native Tutorial #4: Material Top Tab Navigation
มุมมอง 24K3 ปีที่แล้ว
React Native Tutorial #4: Material Top Tab Navigation
React Native Tutorial #3: Stack Navigation
มุมมอง 6953 ปีที่แล้ว
React Native Tutorial #3: Stack Navigation
React Native Tutorial #2: Bottom Tab Navigation
มุมมอง 2.5K3 ปีที่แล้ว
React Native Tutorial #2: Bottom Tab Navigation
React Native Tutorial #1: Drawer Navigation
มุมมอง 3.6K3 ปีที่แล้ว
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
มุมมอง 129K4 ปีที่แล้ว
Creating Language Switcher (Dropdown) HTML CSS with Flexbox

ความคิดเห็น

  • @Healthvalue6674
    @Healthvalue6674 2 หลายเดือนก่อน

    well done

  • @shrikantgaur6095
    @shrikantgaur6095 4 หลายเดือนก่อน

    Thanks😊, very helpful

  • @fcicoss648
    @fcicoss648 4 หลายเดือนก่อน

    I like your explanation, very detail. Thanks for the great tutorial❤

  • @bleakCode
    @bleakCode 5 หลายเดือนก่อน

    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

  • @UsherNdlovu-ls7wk
    @UsherNdlovu-ls7wk 6 หลายเดือนก่อน

    l have a challenge with installing brew on my mac BOOK

  • @adrianosantos4867
    @adrianosantos4867 6 หลายเดือนก่อน

    Thank you very much! You saved me.

  • @fifelolaoluga
    @fifelolaoluga 7 หลายเดือนก่อน

    I spent some time trying to set up RN CLI, thank you for this.

  • @Phagocytosis
    @Phagocytosis 7 หลายเดือนก่อน

    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?

    • @Ruoja71
      @Ruoja71 7 หลายเดือนก่อน

      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...

  • @Phagocytosis
    @Phagocytosis 7 หลายเดือนก่อน

    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 :)

  • @GörkemRıdvan
    @GörkemRıdvan 8 หลายเดือนก่อน

    Thank you

  • @revanaxundov
    @revanaxundov 9 หลายเดือนก่อน

    Thanks man

  • @poojamaniklalbohora
    @poojamaniklalbohora 9 หลายเดือนก่อน

    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

  • @kunalkashyap1339
    @kunalkashyap1339 9 หลายเดือนก่อน

    This is a expo project but Can i use this code in react native cli project ?

  • @VisionartoStudios
    @VisionartoStudios 9 หลายเดือนก่อน

    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

  • @justworkfine321
    @justworkfine321 9 หลายเดือนก่อน

    in your udemy course you have not share resources we really have difficulty do something

  • @666thmoab
    @666thmoab 9 หลายเดือนก่อน

    cant download something cuz "system files"

  • @SvidetelK
    @SvidetelK 9 หลายเดือนก่อน

    One of solutions to cure "disappearing list" is to change .lang-menu .selected-lang:before {width} to a bigger number

  • @Cyprians-softwares
    @Cyprians-softwares 10 หลายเดือนก่อน

    Great tricks G🎉

  • @hendrickmanenga9213
    @hendrickmanenga9213 11 หลายเดือนก่อน

    Simple explanation.Great work.Thank you

  • @mohammadbabaei1115
    @mohammadbabaei1115 11 หลายเดือนก่อน

    Hi I'm beginner can I ask What are those three colored circles on the top left side of the page? Thank you

    • @learning_trespasser
      @learning_trespasser 10 หลายเดือนก่อน

      that is for Mac, close, open, minimize windows

  • @syanhnguyen2233
    @syanhnguyen2233 11 หลายเดือนก่อน

    Today 12/12/2023, thanks!

  • @helenaenrose
    @helenaenrose 11 หลายเดือนก่อน

    THIS COURSE IS AMAZING THANK YOUUUU❤❤❤ PLZ KEEP IT UP🎉😊

  • @ducdominh9390
    @ducdominh9390 ปีที่แล้ว

    Thanks to u bro, i can finally fix my code

  • @johannes6009
    @johannes6009 ปีที่แล้ว

    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.

  • @bansiparmar3879
    @bansiparmar3879 ปีที่แล้ว

    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..??

  • @firewatermoonsun
    @firewatermoonsun ปีที่แล้ว

    Is there a source code?

  • @SemiDarknes
    @SemiDarknes ปีที่แล้ว

    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?

  • @nguyenkhoiquan
    @nguyenkhoiquan ปีที่แล้ว

    Thanks mate, it is awesome!

  • @mirci5459
    @mirci5459 ปีที่แล้ว

    this is really good explanation, thanks! I couldn't find any explanation in russian youtube, but here I found explanation in 3 minutes :D

  • @karis8143
    @karis8143 ปีที่แล้ว

    All your courses are no longer on Udemy, what happened?

  • @leedahye25
    @leedahye25 ปีที่แล้ว

    This is from 2 years ago, this is not working right now. Do we need react native material to implement this?

  • @TrueTechLead
    @TrueTechLead ปีที่แล้ว

    Expo is better. This is bs.

  • @lmaocoaching-fifa6590
    @lmaocoaching-fifa6590 ปีที่แล้ว

    Tks so much bro :D

  • @ramizs
    @ramizs ปีที่แล้ว

    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)

  • @thisisnimish3thisisnimish39
    @thisisnimish3thisisnimish39 ปีที่แล้ว

    is this safe? Because this is another application.

  • @Kaalsystem
    @Kaalsystem ปีที่แล้ว

    how to run the code?

  • @jawedzurmati5156
    @jawedzurmati5156 ปีที่แล้ว

    in github i cant find Sql files will you help me please...

  • @TheViralGeek
    @TheViralGeek ปีที่แล้ว

    source code please....????

  • @chippandenga6722
    @chippandenga6722 ปีที่แล้ว

    😂😂😂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.🙏

  • @SiddhantKasarikar
    @SiddhantKasarikar ปีที่แล้ว

    istqb udemy

  • @Leyisa
    @Leyisa ปีที่แล้ว

    Thank you for making such a great tuto, excellent step by step, awesome explanation, anyone can follow, great job!!!

  • @shahul.s
    @shahul.s ปีที่แล้ว

    really thannks for this vide

  • @sammyshehter2247
    @sammyshehter2247 ปีที่แล้ว

    Thank you for this lesson. A lot of valuable info

  • @pratibhayadav4916
    @pratibhayadav4916 ปีที่แล้ว

    Then how we push the code

  • @hakanaki
    @hakanaki ปีที่แล้ว

    Mine keeps loading forever

  • @soniadarshsuresh8240
    @soniadarshsuresh8240 ปีที่แล้ว

    js part ?

  • @nomanqureshi1357
    @nomanqureshi1357 ปีที่แล้ว

    thanks

  • @lovefliymon9912
    @lovefliymon9912 ปีที่แล้ว

    топ

  • @abuzain859
    @abuzain859 ปีที่แล้ว

    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 . 💕💕❤❤

  • @abhi1ertu
    @abhi1ertu ปีที่แล้ว

    What about optimization sir?