Shadowing Practice: 10 very promising Open Source Projects you haven’t heard of - Learn English Speaking with Video

Bir pratik modu seçin

Her mod tam ekran bir pratik odası açar.

76 cümleler
Cümleler çok kısa veya çok uzun ise, ayarlamak için Düzenle'ye tıklayın.
1
I just discovered a way to build a billion dollar startup
2
entirely from free open source software from the most talented programmers in the world.
3
Actually, everybody knows that already.
4
Like, why pay an engineer when you can just use their stuff for free on GitHub?
5
In today's video, we're going to cheat off the smart kids homework
6
and look at some of the coolest open source libraries that you've never heard of.
7
Tools that will make your apps faster, better looking, and less expensive to run.
8
You'll ask yourself, what the fk?
9
How have I not been using that already?
10
And that brings us to library number one, the fk?
11
Normally, when you type a command into the terminal and make a typo, you just say fk in your head and then retype the command from scratch.
12
The fk makes this process much more intuitive, allowing you to simply type fk into the terminal, then it will attempt to reformat your command automatically.
13
To be honest, it's pretty fking useful.
14
Here's a problem that anybody who's ever built a website has faced.
15
Even if you work really hard to create a tiny JavaScript bundle, the product manager will eventually tell you to add a bunch of other junk like Mixpanel, Intercom, and Google Analytics.
16
These third-party scripts clog up the main thread and will make your app slow no matter what.
17
Luckily, there's an open-source library called PartyTown that can run third-party scripts from a web worker.
18
JavaScript is single-threaded, but modern browsers allow you to run background jobs via web workers.
19
PartyTown will offload any scripts that don't deal directly with the UI into a web worker, and that means the only thing on the main thread is your UI, which leads to a faster, more responsive website.
20
Another problem that every app developer will need need to solve is user authentication.
21
Firebase is great, but it's somewhat feature limited.
22
Auth0 is great, but it's expensive.
23
And that brings us to Super Tokens, which is an open source authentication solution.
24
It provides SDKs for runtimes like Node and Python, allowing you to quickly self-host a fully featured authentication system with support for OAuth providers,
25
passwordless login, but most importantly, it deals with session management and security.
26
Pretty cool, but it's got nothing on this next one.
27
HiMom is a blazingly fast JavaScript library that can say hi to your mom in record time.
28
Here's a pro tip if you're building an open source library.
29
Make sure that the readme includes phrases like blazingly fast, bleeding edge, holistic approach, and game changing
30
because they make your library better the same way putting flame stickers on a car makes it go faster.
31
Next up, we have a two-for-one.
32
Many businesses out there need to build their own full-text search engine, either for internal data or to build a search engine for their customers.
33
You could go with Elasticsearch, but it's expensive and complicated if you self-host.
34
There are two very promising open-source alternatives.
35
One is Melee Search, implemented in Rust, and the other is Zync, implemented in Go.
36
Both provide a fast, simplified way to build your own search engine.
37
Now, our next library, trcp, tprc, trpc, is exceptionally cool, but a little harder to explain.
38
If you're building an API today, there are two main approaches, Rust and GraphQL.
39
I won't go into the differences right now, although I do have videos for that, but there's another less talked about approach called RPC, or Remote Procedure Call.
40
And basically, it's just a URL on a server, but unlike REST that corresponds to an entity, it corresponds to a function that you want to run on the server.
41
This approach actually makes a ton of sense for many modern applications.
42
TRPC allows you to build entirely type-safe APIs without the need for schemas or code generation like you would with GraphQL.
43
Overall, I think it has the potential to fundamentally simplify the way we build full-stack web applications.
44
Speaking of simplification, one company that has simplified the modern database is Airtable.
45
The only problem is that you have to pay a company to use it.
46
If only there was an open-source alternative.
47
NocoDB does exactly that.
48
It's an open-source Airtable that can be built on top of your own MySQL or Postgres database.
49
In other words, it's an open-source no-code database or smart spreadsheet.
50
As a developer, another piece of software you may want to replace is Postman, your HTTP client.
51
An awesome open source alternative is Hopscotch, which is built with Vue.js and TypeScript entirely as a progressive web app.
52
Not only is it open source, but you can go use it in the browser right now at Hopscotch.io
53
and then install it as a PWA on your desktop.
54
And now it runs in a native window and allows you to interact with your file system.
55
Now, if you've ever coded in Python, then try JavaScript later, you might be shocked at how difficult it is to work with multi-dimensional arrays.
56
What is this?
57
In Python, we have libraries like pandas that can do all kinds of useful stuff to an array or data frame.
58
Not many people realize that there's a library called DanfoJS
59
that is inspired by pandas and can do many of the things you know and love, like read a CSV file and process the data within it before it gets sent to a machine learning library like TensorFlow.
60
That's pretty useful, but the hardest thing in front-end web development is making your website look good.
61
There's a million different tools out there that can help you do that, but one I've been really loving recently for React is Mantine.
62
Not only does it have a bunch of well-crafted UI components, like this nice-looking timeline, but it also has a bunch of built-in hooks
63
that handle many of the annoying things that you'll come across when building a web app, like debouncing an input or paginating a collection of items.
64
On top of that, it has optional packages for a notification system, rich text editor, and a drop zone for file uploads.
65
It's so awesome that we use it in one of the demo apps in the full React course on Fireship.io.
66
Check it out if you want to build a serious app with React.
67
Now the problem with all the libraries that we've looked at
68
so far is that they require you to know how to write some code.
69
If you have an idea for a full stack application, but want to skip the whole learn to code part, an open source tool to check out is Amplication.
70
It's a tool that can automatically generate both your front end
71
and back end code based on relationships to data models in a database that you can manage visually.
72
The back end is built with other open source tools like Node, NestJS, and Prisma, while the front end is based on React.
73
Even if you do know how to code, this is a tool that can speed up your workflow.
74
And that gives you 10 new open source libraries to try out in your next project.
75
Hit the like button and subscribe.
76
Thanks for watching, and I will see you in the next one.

Uygulamayı İndir

Akıcı konuşmak için ihtiyacınız olan her şey

AI TelaffuzHer cümleyi puanla
IPA AlıştırmasıHer sesi ustalaştır
Kelime BilgisiKelime bankanızı oluşturun
Kelime OyunuOynarken öğrenin

Aynı Kanal

FOR YOU

Video Öner

Bu dersin kelimeleri ve konuşma notları

Bu B2 seviyesindeki konuşma dersi “10 very promising Open Source Projects you haven’t heard of” videosuna dayanıyor. En çok tekrarlanan kelimeler: source, library, web, app, build. Bu videoda gölgeleme çalışması için 76 cümle ve 1241 kelime var. Konuşma bölümü 5:38 sürüyor. Konuşmacı hızlı konuşuyor, dakikada yaklaşık 220 kelime; bu yüzden birbirine bağlanan ve zayıflayan sesler duyacaksınız. Kelimelerin yalnızca %81’i İngilizcede en sık kullanılan 3.000 kelime arasında, bu yüzden kelime dağarcığı zorlayıcı.

Bu videodaki önemli kelimeler

Videodaki en ileri düzey 15 kelime, telaffuzu ve anlamıyla:

KelimeTelaffuzAnlam
authentication isim/ɔːˌθɛntɪˈkeɪʃn̩/kimlik doğrulama, kimlik kanıtlama
simplify fiil/ˈsɪmplɪfaɪ/sadeleştirmek
stack isim/stæk/yığın
array isim/əˈɹeɪ/elbise, giyecek
implement fiil/ˈɪmpləmənt/tatbik etmek, uygulamak
developer isim/dɪˈvɛləpɚ/geliştirici
holistic sıfat/hoʊˈlɪs.tɪk/bütünsel, bütünselci
readme isim/ˈɹidmi/benioku
schema isim/ˈskiːmə/şema
simplification isim/ˌsɪm.plɪ.fɪˈkeɪ.ʃən/basitleştirme
spreadsheet isim/ˈspɹɛd.ʃit/elektronik tablo, hesap tablosu
workflow isim/ˈwɝkfloʊ/iş akışı
programmer isim/ˈpɹoʊɡɹæmɚ/programcı
intuitive sıfat/ɪnˈtjuːɪtɪv/sezgili, sezgisel
sticker isim/ˈstɪkə/etiket, sticker

Duyacağınız deyimsel fiiller

KelimeTelaffuzAnlam
check out fiilgözden geçirmek
come across fiilkarşıdan karşıya geçmek
speed up fiil/spiːdˈʌp/hızlanmak, hızlandırmak

Bu videodaki dil bilgisi

Konuşmacının en çok kullandığı yapılar, videodaki sözcüklerin aynısıyla:

YapıVideoda
Present perfect have/has + fiilin üçüncü hâli — geçmişte olan ama şimdi de önemli olan bir eylemyou've never heard · has faced · has simplified
Edilgen yapı be + fiilin üçüncü hâli — kimin yaptığı değil, ne olduğu önemlican be built · is built · might be shocked
İlgi cümlecikleri who / which + cümle — bir kişi ya da şey hakkında ek bilgiTokens, which is · Hopscotch, which is

Dikkat edilecek telaffuzlar

Konuşmacı you'll, you're, you've gibi kısaltılmış biçimleri 11 kez kullanıyor. Bunları duyduğunuz gibi kısa söyleyin.

  • “th” sesleri: authentication /ɔːˌθɛntɪˈkeɪʃn̩/, authorization /ˌɔːθəɹaɪˈzeɪʃən/
  • “sh” ve “zh” sesleri: authentication /ɔːˌθɛntɪˈkeɪʃn̩/, simplification /ˌsɪm.plɪ.fɪˈkeɪ.ʃən/, spreadsheet /ˈspɹɛd.ʃit/, exceptionally /ɪkˈsɛp(t)ʃənəli/, authorization /ˌɔːθəɹaɪˈzeɪʃən/
  • Uzun kelimeler — vurguyu doğru yere koyun: authentication /ɔːˌθɛntɪˈkeɪʃn̩/, developer /dɪˈvɛləpɚ/, simplification /ˌsɪm.plɪ.fɪˈkeɪ.ʃən/, intuitive /ɪnˈtjuːɪtɪv/, visually /ˈvɪzju.əli/

Türkçe konuşanların zorlandığı sesler:

  • /w/ — dudaklar yuvarlak, /v/ değil: workflow /ˈwɝkfloʊ/, homework /ˈhoʊmˌwɝk/
  • Kelime başındaki ünsüz kümesi — araya ünlü eklemeyin: browser /ˈbɹaʊ.zəɹ/, stack /stæk/, schema /ˈskiːmə/, spreadsheet /ˈspɹɛd.ʃit/, programmer /ˈpɹoʊɡɹæmɚ/
  • /æ/ — “e”den daha açık: stack /stæk/, paginate /ˈpæd͡ʒəneɪt/, programmer /ˈpɹoʊɡɹæmɚ/, interact /ɪn.təˈɹækt/, scratch /skɹæt͡ʃ/

Bu videoyla nasıl çalışılır

  1. Videonun tamamını konuşmadan bir kez dinleyin ve bilmediğiniz kelimeleri not edin.
  2. 0,75× hızla başlayın, cümle cümle tekrar edin ve kolaylaşınca normal hıza dönün.
  3. Kendinizi kaydedin ve orijinaliyle karşılaştırın; authentication, simplify, stack gibi kelimelere özellikle dikkat edin.

Gölgeleme Tekniği Nedir?

Gölgeleme, başlangıçta profesyonel tercüman eğitimi için geliştirilen ve çok dilli Dr. Alexander Arguelles tarafından popüler hale getirilen, bilim destekli bir dil öğrenme tekniğidir. Yöntem basit ama güçlüdür: ana dili İngilizce olan bir sesi dinler ve hemen yüksek sesle tekrar edersiniz — konuşmacıyı 1-2 saniye gecikmeyle takip eden bir gölge gibi. Pasif dinleme veya dilbilgisi alıştırmalarının aksine, gölgeleme beyninizi ve ağız kaslarınızı gerçek konuşma kalıplarını eşzamanlı olarak işlemeye ve yeniden üretmeye zorlar. Araştırmalar, telaffuz doğruluğu, tonlama, ritim, bağlı konuşma, dinleme anlama ve konuşma akıcılığını önemli ölçüde geliştirdiğini göstermektedir — bu da onu IELTS Konuşma hazırlığı ve gerçek dünya İngilizce iletişimi için en etkili yöntemlerden biri yapar.

Shadowing tekniği: adım adım eksiksiz rehberi okuyun →