Programing & Coding

Making an IOS/Android game in UNITY - Beginner Tutorial - #1
Making an IOS/Android game in UNITY - Beginner Tutorial - #1 121gamers 5 Views • 4 days ago

in this beginner Unity tutorial we will start making a simple IOS/Android game : Tiny Planets !

We'll first of all take a look at what we will be creating through out this small tutorial series, and then set everything up inside of Unity so that the project is ready for IOS/Android game development !

---------------------------------------------------------------------------------------------

Support Blackthornprod via PATREON :
https://www.patreon.com/blackthornprod

Check out Production Crate : https://www.productioncrate.com/index.html?gspk=bGlhbWNhbGljZTcxMDc=&gsxid=Iy6gHf46JZUq

---------------------------------------------------------------------------------------------

BEGINNER course to GAME DEV & C# (9.99 dollars) : https://www.udemy.com/make-you....r-first-2d-game-with

TOP DOWN SHOOTER course (9.99 dollars) : https://www.udemy.com/creating....-a-cool-2d-action-ga

---------------------------------------------------------------------------------------------

PLAY Tiny Planets : https://blackthornprod-games.itch.io/tiny-planets

---------------------------------------------------------------------------------------------

Android SDK : https://developer.android.com/studio

---------------------------------------------------------------------------------------------

ART tutorials : https://www.youtube.com/playli....st?list=PLBIb_auVtBw

---------------------------------------------------------------------------------------------

Follow me on TWITTER : https://twitter.com/NoaCalice

Join the BTP DISCORD SERVER : https://discord.gg/UwqG75R

Kotlin Course - Tutorial for Beginners
Kotlin Course - Tutorial for Beginners 121gamers 0 Views • 4 days ago

Learn the Kotlin programming language in this introduction to Kotlin. Kotlin is a general purpose, open source, statically typed “pragmatic” programming language. It is used for many things, including Android development.

🎥Course developed by Nate Ebel. Check out his YouTube channel:
https://www.youtube.com/channe....l/UCVysWoMPvvHQMEJvR

⭐️ Course Contents ⭐️
⌨️ (0:00:50) Create Your First Kotlin Project
⌨️ (0:04:23) Hello World
⌨️ (0:06:33) Working With Variables
⌨️ (0:11:04) Type System
⌨️ (0:15:00) Basic Control Flow
⌨️ (0:21:31) Basic Kotlin Functions
⌨️ (0:27:12) Function Parameters
⌨️ (0:32:52) Arrays
⌨️ (0:35:28) Iterating with forEach
⌨️ (0:41:17) Lists
⌨️ (0:42:47) Maps
⌨️ (0:45:05) Mutable vs Immutable Collections
⌨️ (0:49:24) Vararg Parameters
⌨️ (0:54:21) Named Arguments
⌨️ (0:56:26) Default Parameter Values
⌨️ (1:00:27) Create A Simple Class
⌨️ (1:03:35) Adding Class Properties
⌨️ (1:05:15) Class Init Block
⌨️ (1:06:40) Accessing Class Properties
⌨️ (1:07:32) Primary Constructor Properties
⌨️ (1:08:17) Secondary Constructors
⌨️ (1:09:50) Working With Multiple Init Blocks
⌨️ (1:11:30) Default Property Values
⌨️ (1:11:59) Properties With Custom Getters/Setters
⌨️ (1:16:52) Class Methods
⌨️ (1:20:12) Visibility Modifiers - Public/Private/Protected/Public
⌨️ (1:22:30) Interfaces
⌨️ (1:24:21) Abstract Classes
⌨️ (1:26:13) Implementing An Interface
⌨️ (1:26:35) Overriding Methods
⌨️ (1:28:30) Default Interface Methods
⌨️ (1:29:30) Interface Properties
⌨️ (1:31:40) Implementing Multiple Interfaces
⌨️ (1:32:57) Type Checking And Smart Casts
⌨️ (1:36:18) Inheritance
⌨️ (1:43:07) Object Expressions
⌨️ (1:45:06) Companion Objects
⌨️ (1:49:51) Object Declarations
⌨️ (1:52:41) Enum Classes
⌨️ (1:58:16) Sealed Classes
⌨️ (2:00:07) Data Classes
⌨️ (2:12:25) Extension Functions/Properties
⌨️ (2:16:40) Higher-Order Functions
⌨️ (2:29:07) Using The Kotlin Standard Library
⌨️ (2:00:07) Data Classes

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

Android SDK Tutorial | How to Setup Android SDK? | Android Development Training | Edureka
Android SDK Tutorial | How to Setup Android SDK? | Android Development Training | Edureka 121gamers 0 Views • 4 days ago

** Android Certification Training: https://www.edureka.co/android....-development-certifi **
This Edureka video on "Android SDK Tutorial" (Blog Series: http://bit.ly/2MJ6zbc ) will help you understand how Android SDK works. This Edureka video provides knowledge on the following topics:
1:34 What is Android SDK?
4:22 How to install Android SDK?
7:53 Android SDK Features
10:16 SDK Tools
13:35 Android SDK Manager

Subscribe to our channel to get video updates: http://bit.ly/2ApSck8

Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka

#EdurekaAndroid #AndroidSDK#AndroidSDKTutorial#SDKTutorialEdureka#AndroidDeveloper #AndroidDeveloper #AndroidDevelopment #AndroidTutorial #androidtraining #androidstudio #androidtutorialforbeginners

Check our complete Android Playlist here: http://bit.ly/2NXLTtK

How does it work?

1. Android for beginners is a 6-week practical course on Android App Development.
2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course.
3. At the end of the training, you will be working on a real-time project for which we will provide you a Grade and a Verifiable Certificate!

- - - - - - - - - - - - - - - - -

About the Course

Edureka’s Android App Development Certification Training course is aligned with Google’s vision of helping to make India a global hub of high-quality mobile developers and towards that supporting Google in their endeavor to train two million android developers. Our Android course is taught by top practitioners who are working full time, developing complex mobile apps. Our instructors work closely with Edurekas in-house instructional design team to develop comprehensive and latest course content along with projects. Our interactive sessions and hands-on projects will ensure that you come out of this Android training as an ace developer.

The Google authorized Android Development course is primarily designed for programmers who want to learn how to create mobile applications on the Android platform. As a part of this course, you will create widgets, Customize List view, Grid view, Spinners etc, create applications using audio, video and sqlite database and finally publish it on Google Play. This course will help you learn mobile app development from scratch and unlock new job opportunities for you in start-ups as well as large organizations. Master Android app development, learn how to set up Android Studio, understand Android architecture in detail, learn about integrating your mobile apps with Facebook, Twitter and other social media, Google Drive, Google Maps, SQLite and learn how to create and optimize app user experience.

Who should go for this course?

All those students and professionals who are keen to create amazing Apps in Android should go for this course.

Why learn Android?

Android is fast becoming one of the biggest platforms for programmers today. There is a huge demand for skilled Android developers all over the world. Most businesses across multiple domains are building Android Apps both for enterprise and retail products. Whether you are student or in the IT industry, possessing Android Development skills will help you take the next big leap in your career.As a part of this course, you'll develop your own mobile applications under the guidance of our expert instructors to give you a hands-on experience.This course is designed to help you become a top mobile app developer.

For more information, Please write back to us at sales@edureka.in or call us at IND: 9606058406 / US: 18338555775 (toll free).

Android Chat App Development |  Tutorial #1 | Project Setup & Basic Layout Design | Android Stud
Android Chat App Development | Tutorial #1 | Project Setup & Basic Layout Design | Android Stud 121gamers 0 Views • 4 days ago

Android Chat App Development | Tutorial #1 | Project Setup & Basic Layout Design | Android Studio

Hello, in this tutorial series we are going to build a real-time chat app. This tutorial series is going to be a FREE complete Android development course. In this tutorial #1, we will set up our android studio project, add dependencies, and simply design the primary layout for our app.

For more exciting android tutorials, please subscribe to my YouTube channel and hit the bell icon for notifications.

Instagram:
http://instagram.com/chigs_kachhadiya

android app development, android application development, android app development tutorial for beginners, chirag kachhadiya, kachhadiya chirag, free android development, android development tutorials, android studio tutorials, android app, android tutorial for beginners, android tutorial series, app development android, android studio, android chat app, android chat app development, android chatting app, android realtime chat app, android realtime chat app development, android chat app tutorial, android firebase, android firestore, chat app development, chat app development android, android studio chat app, chat app in android studio, chatting app android, chatting app android studio

ViewModel Explained - Android Architecture Component | Tutorial
ViewModel Explained - Android Architecture Component | Tutorial 121gamers 1 Views • 4 days ago

🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN
https://stevdza-san.com

🐱‍👤 Wanna become a member? Join!
https://www.youtube.com/channe....l/UCYLAirIEMMXtWOECu

📸 Instagram
https://www.instagram.com/stevdza_san/


// ViewModel dependency
implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.2.0"

The ViewModel class is designed to store and manage UI-related data in a lifecycle conscious way. The ViewModel class allows data to survive configuration changes such as screen rotations. So when we are talking about Activity or Fragment we are actualy refering to UI Controllers. And ViewModel class should be created for each UI Controller in order to separate things like data and diferent calculations from UI Controler. In UI Controller there should only be necessary code for managing our UI, and everything else we could placed inside a ViewModel class.


Timestamps
0:00 - Introducing with ViewModel
1:30 - Practical example with ViewModel
6:30 - Conclusion

How to Make Mobile Apps With Python - Kivy Tutorial #1
How to Make Mobile Apps With Python - Kivy Tutorial #1 121gamers 0 Views • 4 days ago

In this Kivy Tutorial, I show you how to make mobile apps with python. This is a python kivy tutorial for beginners, showing you how to create mobile apps with kivy. Kivy is a cross platform Python module, which means it works on both Android and iOS - I will show you how to make android
apps with python, as well as how to make iOS apps with python! Python mobile app development is very easy, and in this series I show you how do to it!

This is the first tutorial in the kivy tutorial series, and if
you would like to see more of these tutorials, be sure to subscribe!

CMD Commands:

For Python 3.9:
python -m pip install kivy[base] kivy_examples
python -m pip install pygame

For Python 3.7 and lower:
python -m pip install --upgrade pip wheel setuptools
python -m pip install docutils pygments pypiwin32 kivy.deps.sdl2 kivy.deps.glew
python -m pip install kivy.deps.gstreamer
python -m pip install kivy.deps.angle
python -m pip install pygame
python -m pip install kivy

For Python 3.8:
pip install kivy[base] kivy_examples --pre --extra-index-url
https://kivy.org/downloads/simple/
python -m pip install pygame

Python Intermediate OOP Tutorials: https://www.youtube.com/playli....st?list=PLkkm3wcQHjT
Python If name == main tutorial: https://youtu.be/8VlAlmSAJso

If you enjoyed, be sure to leave a like, and if you want to see more, be sure to subscribe as well!

Thanks For Watching!

TAGS:
how to make mobile apps with python,how to make a mobile app with python,how to make mobile apps in python,how to create mobile apps with python,how to create a mobile app with python,kivy tutorial,how to make mobile apps with kivy,python app development for beginners,python app development,python kivy tutorial,python kivy full course,kivy tutorial python,kivy tutorial for beginners,kivy python tutorial,kivy python,python kivy tutorial for beginners,shawcode

Free Android Application Development Tutorial -Beginner Level | Android Application Development Tips
Free Android Application Development Tutorial -Beginner Level | Android Application Development Tips 121gamers 1 Views • 4 days ago

http://www.netcomlearning.com/....products/175/Android [Android app development training - campus & online courses]

Simply learning how to create apps will not give you a competitive edge in this growing sector. You also need to learn the tips and tricks in giving the perfect shape to your creative thinking. NetCom's Mobile Development Professional program gives you a 2-day basic object-oriented coding base, followed by 2 weeks of Android and iPhone app development courses.

Learn how to build an Android application for smart phones, tablets & other mobile devices in this recorded webinar segment from NetCom Learning.

Course Objectives
Basics of Game Development
Creating Game Assets for Android
Storing and Managing Games Assets for Android
Playing audio and video
Handling User Input Events
Understand how to use graphics in android
Creating A Full Game
Testing and Debugging Strategies
Releasing the Game to an Application Store

Who Should Attend

Participants in this course should have completed the Advanced Android programing or have equivalent knowledge and experience.

Prerequisites

Recommended
Participants in this course should have completed the Advanced Android programing or have equivalent knowledge and experience.

How can I improve my Android development skills?

How to become a better Android developer: 30+ bite-sized pro tips
Get more familiar with the Android framework internals. ...
Get over your fear of missing out (FOMO) ...
Start reading a lot more code. ...
Consider learning more languages. ...
It's time to learn Java design patterns. ...
Start contributing to open source. ...
Make your IDE work for you. ...
It's time to architect your app properly.

Is Android app development a good career?

Is Android development a good career? Absolutely. You can make a very competitive income, and build a very satisfying career as an Android developer. Android is still the most used mobile operating system in the world, and the demand for skilled Android developers remains very high.

What is the salary of an Android developer?

According to PayScale: An entry-level Android developer salary is $76,000 per year on average (excluding bonuses, and overtime pay), An average junior Android developer salary stands at $98,000, Whereas a senior Android developer salary is highly determined by the years of experience.

Watch as NetCom Trainer Mark Lassoff writes the "Hello World" app and builds on it to show you the various features and tools of Android application development. (Skill level = Beginner)

Watch free full-length Android & iOS Development webinars at http://www.netcomlearning.com/webinars/?advid=1220

Splash Screen - Android Studio Tutorial
Splash Screen - Android Studio Tutorial 121gamers 0 Views • 4 days ago

🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN
https://stevdza-san.com

🐱‍👤 Wanna become a member? Join!
https://www.youtube.com/channe....l/UCYLAirIEMMXtWOECu

📸 Instagram
https://www.instagram.com/stevdza_san/

Essentially Splash screen is startup screen which is normaly shown in the first few seconds of running your application. It's purpose is to show your brand to users before launching the rest of the app. You should work on it's design, but remember do not over do it, it should look simple.

You should always use VECTOR file/asset for your Splash screen, because it is density independent, and it will not look pixalated on larger resolutions. Avoid using .png .jpeg images, because you would need to import it in different sizes to match various devices. Vectors are always prefered.

And in this video you will learn how to create and implement the logic for Splash screen, it's very easy, so not need to worry. :)

Figma Mobile App Design Tutorial
Figma Mobile App Design Tutorial 121gamers 0 Views • 4 days ago

In this Figma Mobile App Design Tutorial, you are going to learn how to design a Modern Mobile App in Figma. Figma is a free UI Design tool used creating Mobile App UI and UX.

Get Figma
👉
https://hyginusukeh.com/figma


—————————————————————-
If you’ll love 💕 to support me, purchase a thanks on the video. This will help me to create more contents on YouTube. Thanks 😊

—————————————————————-



Let me know what you think about this video and should in case you have any challenges, let me know in the comment section.


Here is the link to the project: https://www.figma.com/file/Kly....Fg8JCzleasWCKRmaUql/

Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video.

Subscribe to my channel my licking this link: https://www.youtube.com/channe....l/UCbVPTU8fv7e0EjGeQ

You can also reach me on :
Website: http://www.hyginusukeh.com
Facebook: https://web.facebook.com/hyginusukeh2
Twitter: https://twitter.com/hyginusukeh
Instagram: https://www.instagram.com/hyginusukeh
Youtube: https://www.youtube.com/channe....l/UCbVPTU8fv7e0EjGeQ

-~-~~-~~~-~~-~-
Please watch: "Figma Web Design Tutorial with Animation"
https://www.youtube.com/watch?v=eCJLCoPmEIk
-~-~~-~~~-~~-~-

Quiz Application | Android Studio Tutorial | 2024
Quiz Application | Android Studio Tutorial | 2024 121gamers 1 Views • 4 days ago

Presenting brand new video:
In this video you will learn how to make a simple Quiz Application in android.
Just follow the steps in the video.
Throughout the video we will also learn :
* How we can create design for quiz,
* How we can create model for questions and answer,
* How to create Alert Dialog
* How to store score for quiz app
* How to make Quiz application
More videos about Android Application Development will uploaded so get in touch with the channel.
So you are no more far.You can be developer.

Online Quiz App with Firebase (New Video)🔥
https://youtu.be/yjNAnjqm_50

If you want to support
☕ Buy me a coffee!"☕
https://www.buymeacoffee.com/bimal
---------------------------------------------------------------------------------------------------------------
GITHUB LINK :
https://github.com/bimalkaf/An....droid_Offline_QuizAp
---------------------------------------------------------------------------------------------------------------
ACCESS THIS IMPORTANT PLAYLIST
https://youtube.com/playlist?l....ist=PLgpnJydBcnPAzUM
---------------------------------------------------------------------------------------------------------------

If you have any queries or doubt Comment below,I will reply.
And Dont forget to Subscribe for more Stuffs.
------------------------------------------------------------------------------------------------------------------------------------------------------

Android Full Project App Development Playlist:
https://www.youtube.com/playli....st?list=PLgpnJydBcnP


------------------------------------------------------------------------------------------------------------------------------------------------------
Like Our Facebook Page for regular Updates:
https://www.facebook.com/easytutoYT
-------------------------------------------------------------------------
INSTAGRAM :
https://www.instagram.com/easytutoYT/
-----------------------------------------------------------------------------

Music Player Application | Android Studio Tutorial | 2024
Music Player Application | Android Studio Tutorial | 2024 121gamers 0 Views • 4 days ago

Presenting brand new video:
In this video you will learn how to make music player application in android studio.
We will learn how to list music files inside RecyclerView and on click of those files in recyclerview we open MusicPlayer with all the controls like pause,play,next,previous,seekbar etc.
If you want to support
☕ Buy me a coffee!"☕
https://www.buymeacoffee.com/bimal
Throughout the video we will also learn :
* How we can request for storage permission,
* How we can list all the music files from storage,
* How to implement recycler view
* How to open music files programatically
* How to use MediaPlayer in android
* How to play Music in Android
* How to add pause,play controls etc

This video will teach us a lots of small things in Android App development.
Just follow the steps in the video.
More videos about Android Application Development will uploaded so get in touch with the channel.
So you are no more far.You can be developer.
---------------------------------------------------------------------------------------------------------------
GITHUB LINK :
https://github.com/bimalkaf/Android_Basic_MusicApp
---------------------------------------------------------------------------------------------------------------
ACCESS THIS IMPORTANT PLAYLIST
https://youtube.com/playlist?l....ist=PLgpnJydBcnPAzUM
---------------------------------------------------------------------------------------------------------------

If you have any queries or doubt Comment below,I will reply.
And Dont forget to Subscribe for more Stuffs.
------------------------------------------------------------------------------------------------------------------------------------------------------
Android Development Course for beginners HINDI
https://www.youtube.com/playli....st?list=PLgpnJydBcnP

Android Full Project App Development Playlist:
https://www.youtube.com/playli....st?list=PLgpnJydBcnP

Racing Game Development in Visual Studio Full Playlist:
https://www.youtube.com/playli....st?list=PLgpnJydBcnP
------------------------------------------------------------------------------------------------------------------------------------------------------
Like Our Facebook Page for regular Updates:
https://www.facebook.com/easytutoYT
------------------------------------------------------------------------------------------------------------------------------------------------------ Also follow us on instagram :
https://www.instagram.com/easytutoyt/

Kotlin Multiplatform Tutorial for Beginners - Your First KMP App
Kotlin Multiplatform Tutorial for Beginners - Your First KMP App 121gamers 0 Views • 4 days ago

Welcome to our comprehensive tutorial on creating your first Kotlin Multiplatform App from scratch! Whether you're a seasoned developer looking to expand your skills or a complete beginner, this tutorial has got you covered.

In this video, we'll delve deep into Kotlin programming and the exciting world of cross-platform app development. You'll learn the fundamentals of Kotlin, its benefits, and how it's used to create mobile applications for both Android and iOS platforms.

Our step-by-step approach is perfect for beginners, and we'll guide you through every aspect of app development, from setting up your development environment to designing a user-friendly mobile app interface.

Here are some of the key topics we'll cover:

Kotlin Multiplatform: Understand the power of Kotlin for cross-platform development.
Mobile App Development: Learn the essentials of creating apps for Android and iOS.
App Development from Scratch: Follow along as we build an app right before your eyes.
Cross-Platform App Design: Discover best practices for designing a consistent user experience.

Join us on this exciting journey of app development, and by the end of this video, you'll have the knowledge and confidence to start building your own Kotlin Multiplatform apps.

Don't forget to like, subscribe, and hit the notification bell to stay updated with our latest tutorials. Share this video with your fellow developers, and let's dive into the world of Kotlin Multiplatform development together!


Ekaterina Petrova →
https://twitter.com/KathrinPetrova

Documentation → https://kotlinlang.org/docs/mo....bile/create-first-ap

Kotlin Multiplatform Mobile portal → https://kotlinlang.org/lp/mobile/

0:00 - In the previous episode
0:38 - Agenda
1:27 - What a typical Kotlin Multiplatform Mobile app is?
2:06 - Creating a project using the AS wizard
2:35 - Exploring the structure of the created KMM project
3:04 - Structure of the Android part of the KMM project
3:42 - iOS part implementation
4:20 - Understanding the shared part of the KMM Project
5:51 - Expect/Actual mechanism
6:37 - Inspecting bild.gradle file
7:48 - Connecting the shared module to the platform projects
9:10 - Changing the shared module
10:25 - Testing the changed shared module
11:00 - Wrapping up

#KotlinMultiplatform #KMP #KMM #AppDevelopment #KotlinProgramming #CrossPlatform #MobileAppDevelopment #LearnKotlin

Flutter Course for Beginners – 37-hour Cross Platform App Development Tutorial
Flutter Course for Beginners – 37-hour Cross Platform App Development Tutorial 121gamers 0 Views • 4 days ago

Learn how to use Flutter in this complete course for beginners. Flutter is an open-source UI software development kit used to create cross-platform applications for iOS, Android, Windows, Mac, and more.

💻 GitHub repo:
https://github.com/vandadnp/mynotes-course

✏️ Course developed by Vandad Nahavandipoor. Check out his channel: https://www.youtube.com/channe....l/UC8NpGP0AOQ0kX9ZRc

🔗 Discord study group (for questions and answers about this course): https://discord.gg/C8UpxJyU4n
🔗 Setting up Firebase CLI and FlutterFire CLI on Windows: https://www.youtube.com/watch?v=nQ3AhFo2rKc

⭐️ Course Contents ⭐️
⌨️ (00:00:00) Introduction
⌨️ (00:02:57) Developer Accounts
⌨️ (00:39:12) Setup
⌨️ (01:14:42) Introduction to Dart
⌨️ (02:01:26) Dart Control Statements and Collections
⌨️ (02:46:44) Sound Null safety in Dart
⌨️ (03:27:12) Dart Enumerations, Classes and Objects
⌨️ (04:18:36) Advanced Dart
⌨️ (05:00:41) Project Setup
⌨️ (05:48:30) iOS App Setup
⌨️ (06:59:32) Android App Setup
⌨️ (07:31:31) Firebase Backend Setup
⌨️ (08:01:20) Basic Registration Screen
⌨️ (09:04:54) Login View
⌨️ (09:53:10) Separating App Initialization from Login and Register Screens
⌨️ (10:19:47) Setting up Git and GitHub
⌨️ (11:10:34) Email Verification View
⌨️ (11:44:45) Link Between Login and Register Views
⌨️ (12:18:01) Logout View
⌨️ (13:13:46) Go From Login to Notes View
⌨️ (13:36:43) Cleaning Up our Routes
⌨️ (13:51:17) Error Handling in Login View
⌨️ (14:16:21) Error Handling in Register View, Next Screen After Registration
⌨️ (14:44:45) Confirming Identity Before Going to Main UI
⌨️ (14:52:21) Auth Service
⌨️ (15:55:22) Migrating to Auth Service
⌨️ (16:33:41) Unit Testing our AuthService
⌨️ (17:43:42) CRUD Local Storage
⌨️ (19:30:57) Working with Streams in Notes Service
⌨️ (20:04:32) Preparing Notes View to Read All Notes
⌨️ (20:39:21) Preparing to Create New Notes
⌨️ (21:00:16) Creating New Notes
⌨️ (21:35:42) Displaying Notes in Notes View
⌨️ (21:56:04) Deleting Existing Notes in Notes View
⌨️ (22:40:46) Updating Existing Notes
⌨️ (23:14:12) Protecting NotesService with Current User
⌨️ (23:40:44) Writing Notes to Cloud Firestore
⌨️ (24:58:08) Migrating to our Firestore Service
⌨️ (25:22:35) Sharing Notes
⌨️ (25:37:43) Introduction to Bloc
⌨️ (26:24:31) Converting our Auth Process to Bloc
⌨️ (27:31:17) Handling Auth Bloc Exceptions During Login
⌨️ (28:52:45) Moving to Bloc for Routing and Dialogs
⌨️ (28:58:23) Loading Screens
⌨️ (29:48:31) Final Touches Before App Release
⌨️ (30:43:03) App Icons and App Name
⌨️ (31:06:34) Splash Screen
⌨️ (31:56:58) Sending our iOS app to App Store Connect
⌨️ (32:55:44) Releasing our iOS App
⌨️ (33:20:31) Fixing Firebase Security Rules and Resubmitting the iOS App
⌨️ (33:50:07) Releasing our Android App
⌨️ (34:55:19) Localization in Flutter
⌨️ (36:33:57) Outro

Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript
Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript 121gamers 0 Views • 4 days ago

Learn how to build a Mobile App with HTML, CSS, JavaScript and Google Firebase. Go here to try the interactive browser-version: https://scrimba.com/learn/firebase

✏️ This course was created by Rafid Hoda, a teacher at Scrimba. You can follow Rafid on Twitter here: https://twitter.com/rafidhoda

We recommend that you learn basic HTML, CSS, and JavaScript before taking this course.

💫 Links mentioned:

🔗 EpochConverter: https://www.epochconverter.com/
🔗 Meta viewport explained by Kevin Powell: https://www.youtube.com/watch?v=SElOdK2qTpI

🛠 Tools used:
🔗 Firebase: https://firebase.google.com/
🔗 Favicon: https://favicon.io/
🔗 Netlify: https://www.netlify.com/
🔗 Figma: https://www.figma.com/
🔗 Google Fonts: https://fonts.google.com/

⭐️ Code ⭐️
🔗 Download via Scrimba: https://scrimba.com/learn/firebase

🐱 Want to get access to the cute cat images used in this course?
→ Search for "Peach and Goma cat" on Google Image.

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:57) Let's Build a Mobile App with Firebase
⌨️ (0:06:02) Setting up app skeleton
⌨️ (0:09:53) Adding CSS
⌨️ (0:14:16) Aside: Firebase Realtime Database
⌨️ (0:24:21) Adding Firebase to project
⌨️ (0:29:13) Security Rules
⌨️ (0:31:46) innerHTML to append li to ul
⌨️ (0:35:23) Refactoring
⌨️ (0:40:15) Aside: Turning an Object into an Array
⌨️ (0:44:28) Aside: Fetching database items in realtime using onValue
⌨️ (0:54:54) Updating items in realtime
⌨️ (0:57:41) For loop to render database items
⌨️ (1:00:42) Let's smash the bug
⌨️ (1:03:32) Aside: Flexbox flex-wrap
⌨️ (1:04:54) Aside: Flexbox gap
⌨️ (1:06:15) Adding CSS for li to wrap items
⌨️ (1:10:22) Getting ID of item in database
⌨️ (1:14:35) Replacing innerHTML with createElement
⌨️ (1:19:48) Aside: Removing items from Firebase
⌨️ (1:25:09) Removing an item when clicked
⌨️ (1:29:22) Only fetching items from database if snapshot exists
⌨️ (1:33:28) Adding hover styles to buttons
⌨️ (1:35:20) Aside: user-select
⌨️ (1:37:04) Aside: Setting the viewport
⌨️ (1:38:58) Making the app more mobile-friendly
⌨️ (1:40:35) Aside: Favicon
⌨️ (1:42:42) Adding favicon and phone icons
⌨️ (1:43:58) Aside: Web Application Manifest
⌨️ (1:46:39) Turning web app into "mobile" app
⌨️ (1:47:40) Personalise your app
⌨️ (1:49:10) Deploy to Netlify
⌨️ (1:51:48) Add app to home screen
⌨️ (1:53:44) Share your creation
⌨️ (1:55:32) Recap
⌨️ (1:59:16) Outro + Credits

Follow Scrimba on YouTube: https://www.youtube.com/c/Scrimba
Follow Scrimba on Twitter: https://twitter.com/scrimba

Showing 25 out of 26