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