BlueBits Academy
BlueBits Academy
  • 22
  • 313 406
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,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

КОМЕНТАРІ

  • @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 8 місяців тому

    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 10 місяців тому

    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

  • @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

    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?