Pratique du Shadowing: building an app is easy, actually - Apprendre l'anglais à l'oral avec la vidéo
Création de la leçon...
1
Usually when people talk about building apps on here, and by here I mean like on YouTube, they always advertise it as a method to make money.
2
Which is a little ironic because YouTube itself wasn't even a profitable app until around 2014.
3
In fact, most apps nowadays aren't profitable unless they're B2B or business-to-business, meaning you're selling to people who themselves are selling to people.
4
So I find it kind of funny when people claim
5
that you can drop out of school or quit your job and just build apps for a living.
6
because yeah you can build apps for a living
7
but you'll be building them for a tech company
8
or a bank at a job or you could just quit your job
9
and build apps and not make a living
10
or you could quit your job and make a living
11
but you won't be building apps I'm not saying it's impossible
12
to make a living I'm just saying that's not possible and even
13
if you do get to do all three at the same time be careful what you wish for
14
so let's just make an app that actually does something useful for fun
15
because we want to because that's the best way to to learn anyway.
16
I assume somewhere on your laptop right now is a PDF you haven't read.
17
Maybe it's a research paper you bookmarked and forgot, but me no want open PDF and read word.
18
We want stimulating activity.
19
So how do you actually just sit down and read a PDF fast?
20
The solution is a technique you've probably seen before, called RSVP, Rapid Serial Visual Presentation, where instead of moving your eyes left to right to read something,
21
you just have the words flash on screen really fast one
22
or two words at a time even faster than you could say them out loud.
23
Normally the fastest a human can read is around 250 words per minute but this technique can get you to read 350,
24
400 or even 500 words per minute without any previous training.
25
Now let me just say there are plenty of free apps out there where you can paste in some text
26
and it will flash each word on the screen one at a time for you
27
but so far I haven't found anything that's both free and works on PDFs.
28
So how about we build one?
29
And let's call it Read Faster, because I was going to make a creative name, but then I realized half of the most downloaded apps on Google Play don't have creative names.
30
So why bother?
31
Now that you have the idea for the app and the name, you might feel a little underprepared.
32
But many tech startups, in order to become truly billion-dollar companies, go through a long period of aggressively spending money from outside investors to grow.
33
During the losing money stage, these startups are called pre-profit.
34
Some tech startups don't even charge money yet, which makes them pre-revenue.
35
Some are still working on the actual app and haven't released it yet, which makes them pre-launch.
36
Some haven't even started working on the app and just have a PowerPoint presentation on what the app would do.
37
This is known as pre-product.
38
Lastly, some startups don't even know what the app would be about, just that it's going to use AI.
39
This is known as pre-idea and it's about where 99% of startups are, so the fact that you have an idea already puts you way ahead.
40
Now even though you might want to get to blindly vibe coding the app straight away, the components of an app are actually pretty easy to understand, so I think you might as well learn them.
41
First, you need a UI or user interface, also known as a front end.
42
This is all of the buttons and screens that the user will see and interact with on the app.
43
The UI for your app will be slightly different when it's on the web versus iOS versus Android.
44
Next, you may need a server-side framework, also known as a backend.
45
This is what will manage all the data for a user
46
so that they can make an account or use the same app across multiple devices.
47
For example, let's say you make an app like Tinder
48
that requires people to make an account and five people download your app.
49
In order for them to sign in, you need some type of server that, somewhere, keeps track of all their passwords and data and who they matched with and what their current Tinder ELO is.
50
Every time someone logs in, they have to talk to the server first.
51
If you want this to happen, you need to code a backend.
52
But if it's just a game like Flappy Bird, where no one has an account, and there's no leaderboard, and the only data it tracks is the highest score each person has on their phone, then you don't need to make a backend.
53
Flappy Bird would be considered an entirely front-end app.
54
The last thing is packaging and publishing.
55
This just means combining all the code into a format that a phone or web browser can understand.
56
and then you just publish to the App Store or Google Play, or it could even just run on a website.
57
Now that we at least understand what's happening, we can vibe code the app.
58
Well, maybe not you, maybe you're an actual coder, but I will vibe code using Bolt, which is just a free option that used to be popular, but may or may not be completely obsolete in two months.
59
Never mind, it's already obsolete.
60
Okay, so instead we're going to use Google AI Studio to build the app.
61
You can write a prompt here for the app, which obviously I'm going to ask Claude to write.
62
I'm going to give it the app requirements, and then the framework I want it to use, and then the single design requirement.
63
A framework is just a pre-written set of tools, libraries, and other stuff that just makes your app logic standardized, easier to code, more secure, and a lot more reliable.
64
The technology we'll use is the free Kotlin multi-platform made by JetBrains.
65
You may have heard the Kotlin programming language before, but this is a technology that's multi-platform, meaning it allows you to write code once and deploy it to Android,
66
iOS, desktop, to a server, and the web just from one code base.
67
In a multi-platform architecture, your app's divided into two pieces.
68
The first is the shared logic.
69
For us, that's the logic for the program to read the PDF, to sequence the words, to calculate the words per minute and the timing of each word.
70
Basically, everything that is done behind the scenes to flash the words on the screen.
71
That code is written once in Kotlin and runs on every platform.
72
So you only have to maintain one thing, just one code base.
73
The second piece is the UI.
74
With Compose Multi-Platform, JetBrains' declarative UI framework, which works across Android, iOS, desktop, and web, you write the UI once and it renders natively everywhere.
75
Meaning everywhere, the app can run smoothly and without any lag.
76
The recommended way to set this up is to download IntelliJ IDEA, which is a coding workspace.
77
This is where you'll be writing all your code.
78
Then you just go to plugins and download the one called Kotlin Multiplatform.
79
After this, the template and starter files will already be there for you.
80
So you already have the skeleton.
81
Now you just have to code.
82
And if you've never written Kotlin before, imagine Java, but about 40% less code.
83
You can code an app just once and you could ship it out to run cleanly on any platform.
84
If you're really getting into app development, you probably want to try this out, so check the description.
85
By now, Google AI Studio should have fully generated the app
86
and now you could preview it and you could also look at all the code.
87
Once we've previewed it and tried it and we see that it works, the next step is to thoroughly test the app across various cases,
88
various inputs, and all kinds of button presses to make sure that there are no bugs.
89
After completely ignoring that step, we move on to deployment.
90
Well, okay, you're not supposed to completely ignore testing, but personally, I feel like playing around with the preview you get is enough testing.
91
Now it's time to deploy, which means put the app out on the internet for anyone to use slash install.
92
In our case, we'll deploy it to the web
93
because it costs money to get your app on the App Store or Google Play, and I know you don't want to do that.
94
Now, you could deploy straight to Google Cloud.
95
That's what Google wants you to do.
96
That's why it's the only option when you click the big publish button.
97
And technically, Google does give out $300 of free Google Cloud credit to everyone.
98
So you technically don't have to pay, but still requires you to put in your credit card information.
99
And I know you don't want to do that.
100
Anyway, we're not going to deploy with Google Cloud.
101
We're going to deploy using Vercel, which is free.
102
Vercel basically hosts the app on the web so
103
that Someone across the world can type in the link to your app and access it online and use it.
104
Before that, one thing you might want to do first is go to the code tab here, and then on the right, you can download all the code as a zip file in
105
case you want to work on it later inside an actual code editor and not Google AI Studio.
106
But if you don't feel like downloading the code, you don't have to.
107
Now to deploy with Vercel, we first need to use GitHub as a middleman.
108
Just hit the settings button in the top right and keep scrolling right until you get to GitHub.
109
Now, just sync your code to GitHub.
110
Make a GitHub account if you need to.
111
It probably takes under a minute, like I made a new account just for this.
112
And then you follow the steps to transfer your code from Google AI Studio over to GitHub, which should be quick.
113
Once all that is finished, you now have a GitHub repository that is storing all your code for the app.
114
Now search up Vercel, make an account, and then click Start Deploying.
115
Copy your link to your GitHub repository and paste it here.
116
And then follow all the steps after that until eventually you can click the final button and deploy your app.
117
Pretty soon it'll finish deploying and now you plus anyone else can access and use the app on the web.
118
This app doesn't actually have a backend.
119
So it doesn't store any user data.
120
It doesn't need you to log in.
121
And it would have done it using Firebase, which is just a Google-owned service that'll take care of everything you need for databases,
122
authentication, cloud functions, sending notifications, stuff like that.
123
All you have to do is click yes when it asks you if you want to use Firebase.
124
And now you have a backend.
125
Anyway, there's no steps left, besides maybe improving your app if you want to.
126
But other than that, it's done.
127
Use it once and forget about it.
128
Tell your friends who don't care about it.
129
Add it to your resume.
130
They'll get auto rejected by the AI screening system anyway, whatever you want to do with it.
131
You can even LARP as an actual software developer.
132
I know I will.
📺 Même chaîne
B21
becoming charismatic is easy, actually
Business EnglishTeensDaily Conversation
B22
getting lean is easy, actually
Business EnglishDaily ConversationUniversity Students
B21
getting a personality is easy, actually
Business EnglishTeensDaily Conversation
B24
avoiding taxes is easy, actually
Business EnglishUniversity StudentsWorking Adults
B25
learning a new language is easy, actually
Travel EnglishDaily ConversationUniversity Students
C114
becoming smart is easy, actually
Daily Conversation
B25
losing weight is easy, actually
Business EnglishDaily ConversationUniversity Students
B22
not regretting your life is easy, actually
Business EnglishUniversity StudentsWorking Adults
B24
becoming social is easy, actually
TeensDaily ConversationHigh School Students
B25
not being insecure is easy, actually
Business EnglishDaily ConversationUniversity Students
B2getting jacked is easy, actually
Business EnglishUniversity StudentsWorking Adults
✨ Vidéo recommandée
B21
75 phrases
Video
Business EnglishDaily ConversationUniversity Students
B21
196 phrases
I cloned 3 apps and now make $35K/month
Business EnglishInterview EnglishUniversity Students
B2292 phrases
Apple Freeform - Apple’s Most Underrated App!?
Business EnglishUniversity StudentsWorking Adults
B21
117 phrases
The Easiest Way to Build Websites
Business EnglishUniversity StudentsWorking Adults
B22
171 phrases
Learn 10X Faster In 10 Minutes
Business EnglishUniversity StudentsWorking Adults
B21
99 phrases
how to make every day SO fun you don’t even have time to scroll
Business EnglishDaily ConversationUniversity Students
B21
247 phrases
"This Doesn't Lie" | Build Your Own English Level Checker with Google AI Studio
Business EnglishUniversity StudentsWorking Adults
B21
74 phrases
Why Android is Simply Better Than iOS
Business EnglishUniversity StudentsWorking Adults
B21
136 phrases
You Have Time: 12 Ways to Educate Yourself Daily
Business EnglishUniversity StudentsWorking Adults
B163
17 phrases
Speed Reading | Barack Obama
Business EnglishHigh School StudentsUniversity Students
B21
329 phrases
Laziest Ways to Make Money with AI (For Beginners)
Business EnglishUniversity StudentsWorking Adults
![Cloud Providers are changing RAPIDLY [REUPLOAD]](https://img.youtube.com/vi/UVz8_JljpGQ/mqdefault.jpg)
B21
55 phrases
Cloud Providers are changing RAPIDLY [REUPLOAD]
Business EnglishUniversity StudentsWorking Adults
Vocabulaire et conseils d’expression pour cette leçon
Cette leçon d’expression orale de niveau B2 s’appuie sur la vidéo « building an app is easy, actually ». Les mots qui reviennent le plus souvent : app, code, Google, word, deploy. Cette vidéo contient 132 phrases et 1984 mots à répéter en shadowing. La partie parlée dure 9:12. Le locuteur parle vite, environ 216 mots par minute : attendez-vous à des liaisons et à des sons réduits. 85 % des mots font partie des 3 000 mots les plus courants en anglais ; le reste mérite d’être vu avant de commencer.
Vocabulaire clé de cette vidéo
Les 15 mots les plus avancés de la vidéo, avec leur prononciation et leur sens :
| Mot | Prononciation | Sens |
|---|---|---|
| startup nom | /ˈstɑɹtˌʌp/ | mise en route, mise en train |
| vibe nom | /vaɪb/ | vibe, aura |
| preview nom | /ˈpɹiːvjuː/ | aperçu |
| publish verbe | /ˈpʌblɪʃ/ | éditer, publier |
| repository nom | /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/ | chambre-forte, coffre-fort |
| obsolete adjectif | /ˈɑbsəlit/ | obsolète |
| pasta nom | /ˈpɑ.stə/ | pâtes, pâtes alimentaires |
| profitable adjectif | /ˈpɹɑ.fɪ.tə.bl̩/ | profitable, fructueux |
| technically adverbe | /ˈtɛk.nɪˌkəl.i/ | techniquement |
| authentication nom | /ɔːˌθɛntɪˈkeɪʃn̩/ | certification |
| blindly adverbe | /ˈblaɪndli/ | à l’aveuglette |
| bookmark nom | /ˈbʊkmɑːɹk/ | marque-page, signet |
| cleanly adjectif | /ˈklɛnli/ | propre sur soi |
| declarative adjectif | /dɪˈklæɹ.ə.tɪv/ | déclaratif |
| leaderboard nom | classement |
Les verbes à particule que vous entendrez
| Mot | Sens |
|---|---|
| go through verbe | traverser |
| sit down verbe | s'asseoir |
Des phrases à répéter
Des phrases courtes et complètes de la vidéo, à réutiliser dans la conversation de tous les jours :
- This is where you'll be writing all your code.
- It doesn't need you to log in.
- Tell your friends who don't care about it.
La grammaire de cette vidéo
Les structures que le locuteur utilise le plus, avec les mots exacts de la vidéo :
| Structure | Dans la vidéo |
|---|---|
| Propositions relatives who / which + proposition — une précision sur une personne ou une chose | people who themselves · yet, which makes · Bolt, which is |
| Present perfect have/has + participe passé — une action passée qui compte encore maintenant | haven't read · you've probably seen · haven't found |
| Voix passive be + participe passé — l’accent est mis sur ce qui arrive, pas sur qui le fait | are called · is known · would be considered |
Prononciation à surveiller
Le locuteur utilise 42 contractions et formes réduites, comme don't, haven't, I'm. Prononcez-les sous leur forme courte, telles que vous les entendez.
- Les sons « th »: authentication /ɔːˌθɛntɪˈkeɪʃn̩/, smoothly /ˈsmuːðli/, thoroughly /ˈθʌɹ.ə.li/
- Les sons « sh » et « zh »: publish /ˈpʌblɪʃ/, authentication /ɔːˌθɛntɪˈkeɪʃn̩/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/
- Mots longs — placez bien l’accent: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, technically /ˈtɛk.nɪˌkəl.i/, authentication /ɔːˌθɛntɪˈkeɪʃn̩/, declarative /dɪˈklæɹ.ə.tɪv/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/
Les sons difficiles pour les francophones :
- /r/ anglais — langue recourbée, sans frotter la gorge: startup /ˈstɑɹtˌʌp/, preview /ˈpɹiːvjuː/, repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, profitable /ˈpɹɑ.fɪ.tə.bl̩/, bookmark /ˈbʊkmɑːɹk/
Comment s’entraîner avec cette vidéo
- Écoutez la vidéo en entier une fois sans parler et notez les mots que vous ne connaissez pas.
- Commencez à la vitesse 0,75×, répétez phrase par phrase, puis revenez à la vitesse normale quand cela devient facile.
- Enregistrez-vous et comparez avec l’original, en faisant attention à des mots comme startup, vibe, preview.
Qu'est-ce que la technique du Shadowing ?
Le Shadowing est une technique d'apprentissage des langues fondée sur la science, développée à l'origine pour la formation des interprètes professionnels. Le principe est simple mais puissant : vous écoutez de l'anglais natif et le répétez immédiatement à voix haute — comme une ombre suivant le locuteur avec un décalage de 1 à 2 secondes. Les recherches montrent une amélioration significative de la précision de la prononciation, de l'intonation, du rythme, des liaisons, de la compréhension orale et de la fluidité.