HTML

@haidar_shariefa

3.0K followers · usually 4.3K views a post

Views

13.2K

Likes

408

Comments

12

Shares

26

SoundTikTok sound · original sound - haidar_shariefa

Promoted product

Electron

Why it worked

The video effectively explains a complex technical concept (building desktop apps with web tech) in a simple and engaging way, using relatable examples and a clear call to action that encourages audience participation.

Summary

The video explains that Electron JS is a framework that allows developers to build desktop applications using web technologies like HTML, CSS, and JavaScript. It highlights that Electron utilizes Node.js and the Chromium engine, and mentions that popular applications like VS Code, Discord, and Spotify are built with it, despite their relatively high RAM usage.

Structure

1Introduction to web technologies for desktop apps
2Introducing Electron JS as a solution
3Explaining Electron's components (Node.js, Chromium)
4Mentioning popular apps built with Electron
5

Original caption

Electron, a javascript framework for desktop applications development. But how? Electron هو اطار جافاسكريبت لتطوير تطبيقات الديسكتوب تابعني لمحتوى برمجي خفيف وحلو❤️ #programming #coding #computerscience #webdevelopment #codinglife

More from @haidar_shariefa

Product placement

HTML (appears, does not act, removing it would not change video) CSS (appears, does not act, removing it would not change video) JavaScript (appears, does not act, removing it would not change video) Electron JS (acts, it is a framework that allows building desktop applications using HTML, CSS, and JavaScript, removing it would change the video) React (appears, does not act, removing it would not change video) Vue (appears, does not act, removing it would not change video) Node (appears, does not act, removing it would not change video) Chromium Engine (appears, does not act, removing it would not change video) VS Code (appears, does not act, removing it would not change video) Discord (appears, does not act, removing it would not change video) Spotify (appears, does not act, removing it would not change video)

Call to action

انت بالكومنتس شو بتستعمل ل Desktop Applications

On-screen text

HTML CSS JavaScript Desktop Applications مثل ما سمعت Electron JS هو فريمورك بيخليك تعمل Desktop Applications بـ HTML, CSS وجافاسكريبت وبيسملك تستعمل frontend Framework اللي بدك اياهن مثل React او Vue بيشتغل على Node low-level APIs وعلى Chromium Engine كرمنال Rendering في كتير ابلكيشنز نحنا بنستعملهم معمولين فيه مثل VS Code Discord و Spotify مشكلته RAM size تبعت الابلكيشن بأحسن الحالات بيكون 150 ميجا وطلع قوي؟ قد ما بدك خفيف ابدا انت بالكومنتس شو بتستعمل ل Desktop Applications راسماله الموضوع

Transcript

HTML CSS JavaScript Desktop Applications مثل ما سمعت Electron JS هو فريمورك بيخليك تعمل Desktop Applications بـ HTML, CSS وجافاسكريبت وبيسملك تستعمل frontend Framework اللي بدك اياهن مثل React او Vue بيشتغل على Node low-level APIs وعلى Chromium Engine كرمنال Rendering في كتير ابلكيشنز نحنا بنستعملهم معمولين فيه مثل VS Code Discord و Spotify مشكلته RAM size تبعت الابلكيشن بأحسن الحالات بيكون 150 ميجا وطلع قوي؟ قد ما بدك خفيف ابدا انت بالكومنتس شو بتستعمل ل Desktop Applications راسماله الموضوع