- Видео 159
- Просмотров 2 870 103
Awesome
Румыния
Добавлен 21 мар 2022
Pragmatic coding videos.
What Happened in June?
🐦 Follow us on X - AwesomeCodeClub
✉️ Join the Newsletter - newsletter.awesome.club/
✉️ Join the Newsletter - newsletter.awesome.club/
Просмотров: 13 520
Видео
What To Learn in 2024
Просмотров 10 тыс.День назад
A look at the State of JavaScript survey results. stateofjs.com 💬 Topics: - Angular vs React vs Vue; - Svelte vs Solid vs Qwick vs HTMX 🎖The Yes JS Course - www.yes-js.com/ 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/
20 Angular Concepts you Need to Know
Просмотров 4,9 тыс.День назад
Angular 18 - A hands on pragmatic crash course. 💬 Topics: What is Angular 18, Angular CLI, Building components, Angular Modules, Standalone Components, Imports, Single File Components, Signals and Reactivity, Computed signals, Lifecycle Hooks, Templates, Built-in Control Flow, Event listeners, Data binding, Reactive Forms, Dependency Injection, Deferrable Views, Inputs & Outputs, Event emitters...
5 Modern Features That Make CSS Easy
Просмотров 12 тыс.14 дней назад
An overview of some CSS modern features. 💬 Topics: - Why CSS vs SASS? - CSS Nesting; - CSS Variables; - has() and is() pseudo-classes; - Container Queries vs Media Queries; - CSS Grid. 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/ Blog Article - www.awesome.club/blog/2024/5-modern-features-that-make-css-easy
13 Svelte Concepts you Need to Know
Просмотров 10 тыс.21 день назад
Svelte 5 - A hands on pragmatic crash course. 💬 Topics: - What is Svelte; - Single file components; - Svelte Compiler; - Runes, Signals, effects & derived state; - Templates & rendering; - Data binding & event listeners 🎖The Yes JS Course - www.yes-js.com/ 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/ Blog Article - www.a...
Progressive Web Apps in 2024
Просмотров 34 тыс.21 день назад
Are Progressive Web Apps still relevant? 💬 Topics: - What is a PWA; - Steps to convert a Web App into a PWA; - Working with Service Workers; - PWA Example; - List of PWA features 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/ Blog Article - www.awesome.club/blog/2024/are-pwa-still-relevant
What Happened in May?
Просмотров 8 тыс.Месяц назад
🐦 Follow us on X - AwesomeCodeClub ✉️ Join the Newsletter - newsletter.awesome.club/ 💬 Links: - React 19 - react.dev/blog/2024/04/25/react-19 - React Compiler - react.dev/learn/react-compiler - Angular 18 - blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe - Svelte 5 - svelte.dev/blog/svelte-5-release-candidate - Solid Start 1.0 - www.solidjs.com/blog/solid-start-the-shape-...
Solid Start Crash Course
Просмотров 12 тыс.Месяц назад
A quick look at Solid Start. 💬 Topics: - What is Solid; - What is Solit Start; - Solid Reactivity & Signals; - Server Functions; - Client & Server Routes; - Server side rendering. 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/ Blog Article - www.awesome.club/blog/2024/solid-start
The Easiest Way to Build Web Apps
Просмотров 35 тыс.Месяц назад
A quick overview of Svelte 5. 💬 Topics: - What is Svelte? - Advantages of Svelte; - The Svelte Compiler; - Svelte Reactivity; - Runes; - Snippets; - Svelte 5 updates. Blog Article - www.awesome.club/blog/2024/svelte-5-is-ready-for-production 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/
Build a GPT Wrapper in 2 Minutes
Просмотров 11 тыс.Месяц назад
Create a GPT Wrapper in under 2 minutes. 💬 Topics: - Creating a chat GPT wrapper for the Web; - Working with the Open AI API; - Working with Solid JS, Tailwind and Vite. Blog Article - www.awesome.club/blog/2024/create-a-gpt-wrapper 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/
7 HTML Features You Probably Don't Know
Просмотров 66 тыс.Месяц назад
An overview of some HTML modern features. 💬 Topics: - What is HTML? - HTML Dialog; - HTML Popover API; - HTML Details Element; - HTML DataList Element; - HTML Inert Attribute; - HTML Color Picker; - HTML Capture; 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/ Blog Article - www.awesome.club/blog/2024/7-modern-html-features...
This Could Change Web Dev Forever
Просмотров 20 тыс.Месяц назад
A new TC39 proposal for native Signals in JavaScript. What does this mean? 💬 Topics: - What are Signals? - What is reactivity? - Signals code example; - Signals vs composed signals vs effects. Blog Article - www.awesome.club/blog/2024/javascript-just-got-better 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsletter.awesome.club/
Composition Over Inheritance
Просмотров 13 тыс.Месяц назад
The advantages of Composition over Inheritance 💬 Topics: - What is Composition? - What is Inheritance? - Class-based vs Prototype-based Inheritance; - Composition in Go; - Inheritance in Kotlin; - Classes vs Types vs Interfaces; - Go Type Embeddings; - Kotlin vs Go; Blog Article - www.awesome.club/blog/2024/composition-over-inheritance 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yh...
Write Once, Run Anywhere
Просмотров 19 тыс.Месяц назад
A quick look at the Kotlin programming language. 💬 Topics: - What is Kotlin? - Advantages of Kotlin; - Kotlin, Java and the JVM - Immutability in Kotlin; - Kotlin code examples; - Kotlin crash course; - Kotlin advanced features; Blog Article - www.awesome.club/blog/2024/kotlin-first-impressions 🥇 Become a Member - ruclips.net/channel/UCXzw-OdotBUcNA9yhuYQBwAjoin ✉️ Join the Newsletter - newsle...
What Happened in April?
Просмотров 35 тыс.2 месяца назад
✉️ Join the Newsletter - newsletter.awesome.club/ 💬 Links: - Bun 1.1 - bun.sh/blog/bun-v1.1 - Bun success story - render.com/blog/hello-bun-deploy-2x-faster-on-github-render - The XZ attack - research.swtch.com/xz-timeline - VitePress - vitepress.dev/ - Angular Wiz - blog.angular.io/angular-and-wiz-are-better-together-91e633d8cd5a - TC39 meeting - dev.to/hemanth/updates-from-the-101th-tc39-meet...
Now is the Best Time to Learn Tailwind
Просмотров 31 тыс.3 месяца назад
Now is the Best Time to Learn Tailwind
The Harsh Reality of Good Software
Просмотров 40 тыс.3 месяца назад
The Harsh Reality of Good Software
Now is The Best Time to Learn WebAssembly
Просмотров 65 тыс.4 месяца назад
Now is The Best Time to Learn WebAssembly
The HATE Stack - Simple and Efficient
Просмотров 52 тыс.4 месяца назад
The HATE Stack - Simple and Efficient
Great video! I’m teaching my self rust coming from typescript and this makes traits much more clear.
Glad to hear!
State of JavaScript is not the best metric no know the popularity of frameworks. Just use NPM trends
That simply shows usage, right? "Trends" imply other metrics like overall interest, satisfaction and so on.
I Would love to see Advance go features and More Typescript Content
Noted! Will post more soon!
typescript slow you down for prototyping, like using rust / go for starter project makes you slow it's better use python/javascript then moving to go / typescript when your project getting mature
I actually don't agree with this statement.
im a simple man. i see Go in the thumbnail, i click
Good to see very little stock footage. The content have been great, but I was getting tired of those clips!
Thanks for the feedback!
TS with beginner to advance projects
Will do!
I like using vue
why not make local the default ?
good question
@@awesome-coding Here's the answer from the man himself: "This is a very funny question, because if you think about any programming language, but Python, they are all kind of non-local by default. For instance, if you see a function in C, you don't see the whole code, because there are a lot of 'includes' there. So you see one function, and if a variable is not declared in the function, it is global by default. That's what happens in C; that's what happens in Java. That's what happens in a lot of programming languages. So I think it's funny that people learn Python and then come to Lua and say "Oh, Lua is non-local" and think we invented that, that it was something completely radical. And there are so many wrong things with local by default because you cannot define the scope you want the variable to be. It's very common. For instance, you have a variable that you must initialize inside a 'then' or an 'else' in an 'if,' so if it's local by block, it would be restricted to the block inside the 'if' so otherwise you only have locals and in the function scope, which is not good, too. So it's much nicer to have local. You can have a local that is really local to the block where you need it. The standard in programming languages is not local by default. So Python created that slice for some very small things, but for anything more complex, you start to get problems around that. I can understand the question and it's reasonable to ask why do we have non-local as default, that is not to accept undeclared variables and all variables should be declared. Having the option of local by default, for me, is something very strange."
great video as usual! would love a typescript deep dive
Thank you! TS video coming soon!
advanced TS video
Noted!
how do you make this videos?
Premiere Pro and a lot of effort
Damm astro:os comming next. Astro doing all the things
😅
Unfortunately no one knows that the best semi-satire front-end framework was released in June. npm i effexor
Great channel tbh
Thank you!
Really not a fan of the go telemetry but with google it was only a matter of time 😢
😅
Why not? Is a standard in most package managers.
@@LetrixAR because go mod is barely a package manager in a modern sense. It just pulls from a git repo/server. Its unnecessary to get telemetry on this other than google encroaching Also, im biased against telemetry and spyware in general because the pros are often farces that dont out way the cons.
@@hamm8934isn't go telemetry opt-in?
I tried solid recently (never used a frontend framework before) and got the taste of reactive states. It was really cool but I'm still sticking with vanilla js and golang.
Why Vanilla over Solid?
@@awesome-coding I just want to keep it simple, and have some more control over the rendering of html
TS crashcourse please! For amateurs that use for simple-to-moderate projects, and that would like to discover more features, best practices, and how it works under the hood
Noted! Thanks for the feedback!
@@awesome-coding Thank you! What interests me most is how to go from the "amateur" state to "state of the art for large projects", as the later is very rare to find on RUclips.
Great animations! I like that!
Thanks!
TypeScript video ✌
Noted!
I'm lowkey out on a-h/TEMPL
❤ htmx
I feel like Web assembly is reinventing Java byte code. Decades after we got rid of Java applets because they weren’t safe.
you should try clojure + htmx 🔥🔥🔥🔥
Because game developers love to cause pain specifically to me.
😂
The reason I wanted to make my own reaclivity library is because React or Vue or Angular were just so huge. I wanted something lighweight and simple. Studied Vue ractivity for a while and then experimenting, I got reactivity working after half a year prob, then found about SolidJS existance. I already experimented in direction of no-virtual DOM and partly succeded before I found Solid. Very liked the api, made own variation of it (but only basic subset of features) and spend some time adding jsx support, because I wanted both simplicity and modern clean syntax. When I got it working it was like magic XD My library Positron is on github, it still not production ready though. And I plan to rework it when will have time, iterate on some ideas. And plans to support for native signals when proposal will be released
I want more of this kotlin ktor stuff!
Noted!
which move was that? The "We're not f##ked" one.
Svelte is the only good frontend framework. ALL frameworks turns simples things into absolute unnecessary chaos.
frontend is already too full, lets just learn system languages lol
love it.
Also, what is the "View" in your code? Do you have a repo? The blog tutorial is cool but a bit difficult to follow.
Wait.. I just realized, the code is a complete sham. It doesn't even work haha. I followed the tutorial on the blog.
What do you think about F#? Either on the backend or frontend?
Nah. Thank you scss is enough
Svelte is ditching their v4 reactivity and embracing SolidJs style signals! SolidStart is v1.0 production ready as of May 2024. So I see SolidJs is leading the way
As someone who is currently learning React, I may or may not have gasm'd when snippets were explained. Can't wait to finish learning React so I can build with Svelte.
Haha!
you can also use [class.done]="task.done"
Your videos are awesome
Thank you so much 😀
Tailwind is just inline styles with extra steps
I had no idea about container queries... ;'( Keep posting!!!
HTMX 😍
Frankly, I wouldn't use the constructor for the injection or the initializing of the form group. You can use the inject() method and then declare the form after that.
You use signals but not input and output signals / functions? And no inject function? Why?
More details on Grid.
Laravel 😅❤️
php and python with js
the world is burning..
The thumbnail tho 😂
😂✌️
Delete javaScript from the world
new JS will be born
In place of JS you would set up WebASM. And it shall not be dark, but beautiful and terrible as the Morning and the Night! Fair as the Sea and the Sun and the Snow upon the Mountain! Dreadful as the Storm and the Lightning! Stronger than the foundations of the earth. All shall love it and despair.
Bro. What is that "vite enjoys an increase in adoption. THAT level of growth is WILD and deserves much more attention.
It would be cool if vue beats react in next year js survey
That would be something:)) However, I fear React will continue to stay number 1 for quite a while..