Thunkable Beginner Tutorial #6 || Web Viewer|| Redirecting App

Code For Kids · Beginner ·🛠️ AI Tools & Apps ·4y ago

Key Takeaways

Thunkable beginner tutorial covering Web viewer and redirecting app functionality, including designing and coding an application with a Web viewer component to display Wikipedia information and redirect to Google.

Full Transcript

hello everyone welcome back to my channel code for kids so how are you all how was your day so in our previous video we created one mobile application which is your translation okay how you will translate but today we are going to create one different application okay so today we are going to create any movie okay like it is like that the working of the project is like that suppose if you have any movie like you can take example of any bollywood movie or any hollywood movie miss any kind of movie in that movie if you have some characters okay so what will happen if you will click on that character so you will get the wikipedia of that character okay so now we will see that how we will design even like a suppose if you want to open your google via your application so what will happen once you will click on your google button it will redirect you to your page okay so let's start our today's class so how you will open your thumb table you need to just search for the time cable you will get this interface now you have to just click on the start today so as soon as you will click on the start today you have to just login so how you will log in here you can see our previous video where you will get all the information about how you will log in into the thumb cable okay so let's start you need to just click on this create new app it will ask you like you have to write your project name suppose i want to write my project name is redirecting this this will redirect you to your particular page okay after that you have to just select your category whatever category you want for your project you can add even you can add more than one category also suppose i want to add the business developer tools entertainment this you can add up to five category okay after that what we want okay so what you will do now you need to first uncheck this if you want to upload your application into the play store or your apple store you have to uncheck this okay now you need to just click on the create button so once you will click on the create button that will redirect you to your main development area okay so this is your main development area over here we have our component window so whatever component you want for your project you need to just drag that component from here and you will drop it here like this over here you will get your screen which is like your property window if you want to change the background color or if you want to attach any picture so you can do by using your second window so this is your screen this is your development okay here you need to just drag and drop all the components whatever you want for your project suppose first i want to change my background color so whatever is your favorite color you can select okay suppose i want to add the screen color after that if you will take any movie you can take any example even you can add some cartoons also okay so what we will do we need to just drag and drop the button so you will get your button so for the button you have to just write whatever you want the character okay suppose uh we can take an example of any cartoon like a mr bean or tom and jerry suppose i want to add tommen okay so here you will get that so whatever background color you want and whatever text color you want for your project you need to just click on this text color even you can increase the font size even you can add some background color also based on your choice after that if you want to add the label label means any text suppose you want to add some text about your project some information about project you need to just click on the text remove the label write down whatever you want okay suppose i want to write like um what you can write your project name post free directly okay so you will get that after that whatever font size you want for that even you can change suppose i want a little bit big whatever font color you want you can change okay like this now so we have a two option here what option we have either you can add your reviewer like i when i will run that application so here only you will get your information or is that will redirect you to your website means we have a two option so if you want that become here you need to just drag and drop your web viewer so this is my web viewer if you want this reviewer below to your button you have to just try it okay now this is our design part we did our designing how we will add some instruction here how you will add some coding so we have two option we have design here we have blog so we need to just click on the blog so what is our first step we need click on tom and jerry okay it means we need click on my button so here you will get your button when you will click on the button so what we want we want all the result about my tormentory we have to show okay so you can just go to your viewer you can set your url okay now what is the next thing you have to open one new tab you can just search for commentary commentary so here you can just take the wikipedia or whatever you want copy one url so this is all the information about commentary i will copy this url you have to come to your project and here you will paste that control fee now if you will click on live test means you are testing your project okay so as you can see we don't have anything here but if i will click on tormentory you will get a wikipedia here about your tormentory see here you will get that so all the things you will get inside your application no need to search explicitly here so like that you can open the google also so what we will do now we will just take a google url so this is my google okay you need to just copy this come to your project just go to your design first you have to add one button you can adjust this button wherever you want in the text we have a button so i will write google okay you need to just go to the blog now as you can see this is your button tool so you will take this when button2 is clicked we have to just go to the webviewer we will take url here you have to paste your google url okay now if you will click on the live test you will get no butter now google and tom and cherry so now if i will click on the google just wait it is loading so you will get your google okay so in this way you can add any web viewer inside your thumbnail and you can just redirect by clicking on the button okay so this is our design part and in the blog you have to add some instruction okay so thank you so much in the next video again we will create one new mobile app okay so please please like share and subscribe our channel and press the bell icon if you want more latest update thank you so much

Original Description

In this video you will learn about Web viewer.
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Code For Kids · Code For Kids · 35 of 60

1 #Scratch Tutorial 1 | How to create your own Scratch account #codeforkids #scratch #Game Development
#Scratch Tutorial 1 | How to create your own Scratch account #codeforkids #scratch #Game Development
Code For Kids
2 #Scratch Tutorial 2 ||How to enable Share Button option in Scratch #codeforkids #scratch #game
#Scratch Tutorial 2 ||How to enable Share Button option in Scratch #codeforkids #scratch #game
Code For Kids
3 Fish Moving inside an Ocean 🌊🌊 #codeforkids #scratch 🥰
Fish Moving inside an Ocean 🌊🌊 #codeforkids #scratch 🥰
Code For Kids
4 Scratch Programming | Fish Aquarium game | #codeforkids #scratch #game
Scratch Programming | Fish Aquarium game | #codeforkids #scratch #game
Code For Kids
5 Draw the circle in scratch#codeforkids #scratch #game
Draw the circle in scratch#codeforkids #scratch #game
Code For Kids
6 Draw Circles in Scratch || How do you draw shapes on Scratch? #codeforkids #scratch #game #coding
Draw Circles in Scratch || How do you draw shapes on Scratch? #codeforkids #scratch #game #coding
Code For Kids
7 How to Make a Dino Jump Game in Scratch | Tutorial #codeforkids #scratch #game
How to Make a Dino Jump Game in Scratch | Tutorial #codeforkids #scratch #game
Code For Kids
8 Scratch Tutorial || How to Make a Catch Game in Scratch.|| Scratch Tutorial for absolute beginer
Scratch Tutorial || How to Make a Catch Game in Scratch.|| Scratch Tutorial for absolute beginer
Code For Kids
9 Scratch Tutorial || Day 1
Scratch Tutorial || Day 1
Code For Kids
10 Scratch Tutorial || Day 2  (DJ System , Dance and Story writing)
Scratch Tutorial || Day 2 (DJ System , Dance and Story writing)
Code For Kids
11 How to Make A Maze Game in Scratch 3.0 | Scratch 3.0 Tutorial |Scratch Tutorial for begineer
How to Make A Maze Game in Scratch 3.0 | Scratch 3.0 Tutorial |Scratch Tutorial for begineer
Code For Kids
12 Scratch Tutorial || Day 3
Scratch Tutorial || Day 3
Code For Kids
13 Scratch Tutorial || Day 4
Scratch Tutorial || Day 4
Code For Kids
14 Scratch Tutorial | Cat And Mouse Game | Scratch Tutorial for  Beginner
Scratch Tutorial | Cat And Mouse Game | Scratch Tutorial for Beginner
Code For Kids
15 Scratch Tutorial || Day 5
Scratch Tutorial || Day 5
Code For Kids
16 how to make dress up game on scratch || Scratch Tutorial for Beginner
how to make dress up game on scratch || Scratch Tutorial for Beginner
Code For Kids
17 How to Make a Pong Game in Scratch || Scratch Tutorial for Beginner
How to Make a Pong Game in Scratch || Scratch Tutorial for Beginner
Code For Kids
18 Scratch Tutorial || Day 6(part 1)
Scratch Tutorial || Day 6(part 1)
Code For Kids
19 Scratch Tutorial || Day 6( Part 2)
Scratch Tutorial || Day 6( Part 2)
Code For Kids
20 Scratch Tutorial || Day 7
Scratch Tutorial || Day 7
Code For Kids
21 Scratch Tutorial || Day 8
Scratch Tutorial || Day 8
Code For Kids
22 How to Make Piano Game || Learn to Use Music Extension || Scratch Tutorial || Day 8
How to Make Piano Game || Learn to Use Music Extension || Scratch Tutorial || Day 8
Code For Kids
23 How to Make Piano Game || Learn to Use Music Extension ||Scratch Tutorial for beginner
How to Make Piano Game || Learn to Use Music Extension ||Scratch Tutorial for beginner
Code For Kids
24 Scratch Tutorial || Day 9
Scratch Tutorial || Day 9
Code For Kids
25 Scratch Tutorial || Draw Shapes #shorts #codeforkids #youtubeshorts
Scratch Tutorial || Draw Shapes #shorts #codeforkids #youtubeshorts
Code For Kids
26 Scratch Tutorial |How to Draw Shapes in Scratch #scratch #scratchtutorials #codeforkids
Scratch Tutorial |How to Draw Shapes in Scratch #scratch #scratchtutorials #codeforkids
Code For Kids
27 Day 10|| Scratch Tutorial
Day 10|| Scratch Tutorial
Code For Kids
28 Scratch Tutorial || Archery Tutorial
Scratch Tutorial || Archery Tutorial
Code For Kids
29 #1 || Thunkable  Beginner Tutorial  Platform Overview
#1 || Thunkable Beginner Tutorial Platform Overview
Code For Kids
30 App Development ||Tutorial 2 || how to add button in Thunkable || Thunkable for beginner #codeforkid
App Development ||Tutorial 2 || how to add button in Thunkable || Thunkable for beginner #codeforkid
Code For Kids
31 App Development || Tutorial 3||  Beginner Tip "Change screens with a button click" in Thunkable
App Development || Tutorial 3|| Beginner Tip "Change screens with a button click" in Thunkable
Code For Kids
32 Scratch Tutorial ||
Scratch Tutorial ||
Code For Kids
33 Thunkable Tutorial || Using Camera and Image Recognition components with Thunkable
Thunkable Tutorial || Using Camera and Image Recognition components with Thunkable
Code For Kids
34 Build a Translator App with Thunkable ||Thunkable App Development || Tutorial 5||
Build a Translator App with Thunkable ||Thunkable App Development || Tutorial 5||
Code For Kids
Thunkable Beginner Tutorial #6  || Web Viewer|| Redirecting App
Thunkable Beginner Tutorial #6 || Web Viewer|| Redirecting App
Code For Kids
36 #1 World in Python || Python Tutorial || Python Programming || Google Colab
#1 World in Python || Python Tutorial || Python Programming || Google Colab
Code For Kids
37 #2 Python Tutorial for Beginners | User input in Python | Command Line Input | Python Variable
#2 Python Tutorial for Beginners | User input in Python | Command Line Input | Python Variable
Code For Kids
38 #3 Python  Comments | How To Write Comments In Python | Python Tutorial For Beginners |
#3 Python Comments | How To Write Comments In Python | Python Tutorial For Beginners |
Code For Kids
39 #4 Python Tutorial for Beginners | Data Types in Python
#4 Python Tutorial for Beginners | Data Types in Python
Code For Kids
40 #5 Numbers & Typecasting in python | Python Tutorial
#5 Numbers & Typecasting in python | Python Tutorial
Code For Kids
41 #6  Strings Tutorial | How To Use Strings In Python | Python Tutorial | Python Training |
#6 Strings Tutorial | How To Use Strings In Python | Python Tutorial | Python Training |
Code For Kids
42 #7 Slicing And Other Functions In Python | Python Tutorials For Absolute Beginners.
#7 Slicing And Other Functions In Python | Python Tutorials For Absolute Beginners.
Code For Kids
43 #8 Boolean in Python | Python Tutorial for Begniner
#8 Boolean in Python | Python Tutorial for Begniner
Code For Kids
44 #9 Python Tutorial for Beginners | Operators in Python
#9 Python Tutorial for Beginners | Operators in Python
Code For Kids
45 #10  Lists And List Functions | Python Tutorials For Absolute Beginners
#10 Lists And List Functions | Python Tutorials For Absolute Beginners
Code For Kids
46 #11 Tuple in Python | Python Tutorial
#11 Tuple in Python | Python Tutorial
Code For Kids
47 #12  In Python | Python Sets Tutorial | Python Tutorial for Beginners | #python #pythonprogramming
#12 In Python | Python Sets Tutorial | Python Tutorial for Beginners | #python #pythonprogramming
Code For Kids
48 #13 If Elif Else Statement in Python || Python Tutorial for Beginners |
#13 If Elif Else Statement in Python || Python Tutorial for Beginners |
Code For Kids
49 #14  While Loop in Python ||Python Tutorial for Beginners
#14 While Loop in Python ||Python Tutorial for Beginners
Code For Kids
50 Python Tutorial for addition of 2 numbers #shorts #youtubeshorts #codeforkids #pythonprogramming
Python Tutorial for addition of 2 numbers #shorts #youtubeshorts #codeforkids #pythonprogramming
Code For Kids
51 Python Tutorial for absolute Beginner|| While loop #pythonprogramming #shorts #youtubeshorts
Python Tutorial for absolute Beginner|| While loop #pythonprogramming #shorts #youtubeshorts
Code For Kids
52 Machine learning for the kids with Scratch || Machine Learning for kids ||Day 1
Machine learning for the kids with Scratch || Machine Learning for kids ||Day 1
Code For Kids
53 # Tutorial 1 || Machine Learning for kids | Image Classification example | Girl and boy
# Tutorial 1 || Machine Learning for kids | Image Classification example | Girl and boy
Code For Kids
54 #15 For loop in Python || Python Tutorial for Beginner
#15 For loop in Python || Python Tutorial for Beginner
Code For Kids
55 # Tutorial 2 || Machine Learning for kids | Smart Home Automation | Turn On the Fan
# Tutorial 2 || Machine Learning for kids | Smart Home Automation | Turn On the Fan
Code For Kids
56 #Tutorial 3 || Snapchat Filter in Machine Learning|| Machine Learning for the kids ||
#Tutorial 3 || Snapchat Filter in Machine Learning|| Machine Learning for the kids ||
Code For Kids
57 #Tutorial 4 || Image Identification || Machine Learning for the  kids|| Tiger , Elephant, boy
#Tutorial 4 || Image Identification || Machine Learning for the kids|| Tiger , Elephant, boy
Code For Kids
58 Scratch Tutorial || Apple Catcher Game || Fruit Catcher|| catch game in Scratch
Scratch Tutorial || Apple Catcher Game || Fruit Catcher|| catch game in Scratch
Code For Kids
59 Scratch Tutorial || How to record audio in Scratch || Scratch Tutorial for beginner ||
Scratch Tutorial || How to record audio in Scratch || Scratch Tutorial for beginner ||
Code For Kids
60 Scratch Tutorial || how to translate language in scratch || Scratch tutorial for beginner
Scratch Tutorial || how to translate language in scratch || Scratch tutorial for beginner
Code For Kids

This video tutorial covers designing and coding a mobile application with a Web viewer component to display Wikipedia information and redirect to Google. The tutorial uses Thunkable, a beginner-friendly platform for mobile app development.

Key Takeaways
  1. Create a new project in Thunkable
  2. Design the user interface with a Web viewer component
  3. Add a button and label to the design
  4. Code the application to display Wikipedia information when the button is clicked
  5. Add a new button to redirect to Google
  6. Test the application using the live test feature
💡 Using a Web viewer component in a mobile application can provide a seamless user experience by displaying external web pages within the app.

Related Reads

Up next
How to Get Your Brand Cited by ChatGPT, Claude and Gemini
Arvow
Watch →