DevGuide ๐Ÿ‡ต๐Ÿ‡ธ
10.9K subscribers
2.56K photos
17 videos
127 files
3.54K links
Join our channel for top-notch programming hacks, epic discussions, and brilliant career moves. ๐Ÿš€

โšก๏ธ Stay connected with me: linktr.ee/AliSamir

๐Ÿ“ To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
JavaScript String Methods ๐Ÿ”ฅ
โค9
ุฌู…ุงุนุฉ ุงู„ู€JavaScript ๐Ÿ‘‹๐Ÿป

- ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ู…ุณู„ู…ูŠู† ู…ู† ุงู„ุฏุนุงุก. ๐Ÿค


New JavaScript Set methods are arriving! ๐Ÿ”ฅ


https://www.linkedin.com/posts/dev-alisamir_new-javascript-set-methods-activity-7216392448137166848-56zH
โค3๐Ÿ”ฅ1
ุงู„ุจุฑู…ุฌุฉ ุงู„ูˆุธูŠููŠุฉ (Functional Programming) ููŠ JavaScript ๐Ÿ”ป

- ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ู…ุณู„ู…ูŠู† ู…ู† ุงู„ุฏุนุงุก. ๐Ÿค

https://www.linkedin.com/pulse/javascript-functional-programming-introduction-mentoor-io-ctfef
ู…ู…ู†ู€ูˆุนู€ุงุช ู„ุฌู…ุงุนุฉ ุงู„ู†ู‚ู€ุงุดู€ูŠู† ๐Ÿ”ฅ

- ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ู…ุณู„ู…ูŠู† ู…ู† ุงู„ุฏุนุงุก. ๐Ÿค

https://shorturl.at/BxzvP
โค3๐Ÿ‘1
We've reached 2,500 subscribers! ๐ŸŽ‰

Unlock Your Full Potential in the World of Programming.๐Ÿ”ป

https://www.youtube.com/@DevGuideAcademy
Unleashing the Power of WebAssembly (WASM): The Future of Web Development โœ…

- This article delves into the intricacies of WebAssembly, exploring its origins, features, and potential impact on the future of Web Development.

https://medium.com/@dev.alisamir/unleashing-the-power-of-webassembly-wasm-the-future-of-web-development-5c095b491d02
MVC (Model View Controller) ๐Ÿ”ป

MVC is a very popular design pattern that many of the frameworks that I will be mentioning use. I would say the majority of them use MVC in one way or another. โšก๏ธ

The idea is to separate your code into 3 logical components (model, view, and controller). Each of these components handles a certain part of your application. I wonโ€™t go into huge detail with MVC, but give you a brief summary of what each component does. โœ…

โ€”โ€”โ€”

๐Ÿ“Œ Model

The model is typically the part of your code that deals with the data. Your data can come from anywhere, but it typically comes from a database. If you need to fetch a list of employees from the database, it is typically the job of the model to do so. You may also use an ORM (Object Relational Mapper) or ODM (Object Data Mapper) to help create your models. For instance, Laravel uses an ORM called Eloquent to create and work with models.

โ€”โ€”โ€”

๐Ÿ“Œ View

The view is just that. It is the view or the user interface display of the application. These could be views that are rendered on the server. Laravel uses a template engine called Blade for views. Django commonly uses Jinja and Express could use ESM or Jade. Another popular option is to use a UI library like React as the view. In fact, React is often called the โ€œVโ€ in MVC.

โ€”โ€”โ€”

๐Ÿ“Œ Controller

The controller usually acts as an interface between the model and the view. The controller asks the model for data and then loads the view and passes the data to it. Typically in web apps, you create โ€œroutesโ€, which are URLs that the browser or an HTTP client hits and specific routes will call specific methods in the controller class.
๐Ÿ‘4
#frontend_tips
โ€”โ€”โ€”โ€”โ€”โ€”โ€”

ุชุฑูƒุงูŠุฉ ูุฑูˆู†ุช ุงู†ุฏ ุน ุงู„ุณุฑูŠุน...โšก๏ธ

- ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ู…ุณู„ู…ูŠู† ู…ู† ุงู„ุฏุนุงุก. ๐Ÿค


Linting Rules For Sorting CSS Properties ๐Ÿ”ป


- Using stylelint-order Stylelint Plugin and vscode-style VSCode Extension to organize CSS properties, enhancing readability and ensuring a consistent coding style across your projects.

โ€”โ€”โ€”

โšก๏ธ Tutorial Video: https://youtu.be/fyb3miAOo9M
โค2
ุงู†ุชู‡ุช ุญู„ูˆู„ ุงู„ุฃุฑุถ...
๐Ÿคฃ40๐Ÿ‘1
Best AI Coding Tools for Developers in 2024 ๐Ÿ”ฅ

https://www.builder.io/blog/best-ai-coding-tools
#frontend_tips
โ€”โ€”โ€”โ€”โ€”โ€”โ€”

ุชุฑูƒุงูŠุฉ ูุฑูˆู†ุช ุงู†ุฏ ุน ุงู„ุณุฑูŠุน...โšก๏ธ

- ู„ุง ุชู†ุณูˆุง ุฃู‡ู„ู†ุง ููŠ ูู„ู€ู€ุณุทู€ู€ูŠู† ูˆููŠ ุณู€ู€ูˆุฑูŠุง ูˆููŠ ุงู„ุณู€ู€ูˆุฏุงู† ูˆููŠ ุงู„ูŠู€ู€ู…ู† ูˆููŠ ูƒู„ ุฏูˆู„ ุงู„ุนุงู„ู… ู…ู† ุงู„ู…ุณู„ู…ูŠู† ู…ู† ุงู„ุฏุนุงุก. ๐Ÿค


CSS Custom Scrollbar Maker Tool ๐Ÿ”ป


โ€”โ€”โ€”

โšก๏ธ Tutorial Video: https://youtu.be/ipuetdB04uw
๐Ÿ‘3
Asynchronous JavaScript Course โ€“ Async/Await , Promises, Callbacks, Fetch API

https://youtu.be/OFpqvaJ3QYg
What do version numbers mean?

Semantic Versioning (SemVer) is a versioning scheme for software that aims to convey meaning about the underlying changes in a release.

โ€”โ€”โ€”

SemVer uses a three-part version number: MAJOR.MINOR.PATCH.

โฆฟ MAJOR version: Incremented when there are incompatible API changes.

โฆฟ MINOR version: Incremented when functionality is added in a backward-compatible manner.

โฆฟ PATCH version: Incremented when backward-compatible bug fixes are made.
โค1
Everything About JS Loops โšก๏ธ
โค5