#frontend #css #html #js
Here i gathered an awesome front-end roadmap in 2022 to start our journey🎯🔥
🔻Internet (Web)
• How internet works?
• Whats http protocol?
• How browsers work?
• DNS
• Hosting and domains
🔻HTML
• Tags
• SEO
• Metatags
• Forms and validations
• Convention and best practices
🔻CSS
• Selectors
• Box model
• Flexbox
• Grid
• Responsive Design (Media Query)
• Sass / less
🔻JavaScript
• Syntax and Basics
• Data types
• Operators
• Object
• Selectors
• Functions
• Arrays
• DOM
• API / Ajax (XHR)
• ES6
🔻Version Control System (Git)
• Basic usage of Git
• CLI
• Github
• Git Flow
🔻Package Managers
• NPM
• YARN
• Local vs Global
• Package JSON
🔻Framework / LIB
• Angular
• ReactJS
• VueJS
If i left something let me know on comments🤔
👉🏻 Follow for more Tips :
instagram.com/yashar_dev
@fullStackDevs
Here i gathered an awesome front-end roadmap in 2022 to start our journey🎯🔥
🔻Internet (Web)
• How internet works?
• Whats http protocol?
• How browsers work?
• DNS
• Hosting and domains
🔻HTML
• Tags
• SEO
• Metatags
• Forms and validations
• Convention and best practices
🔻CSS
• Selectors
• Box model
• Flexbox
• Grid
• Responsive Design (Media Query)
• Sass / less
🔻JavaScript
• Syntax and Basics
• Data types
• Operators
• Object
• Selectors
• Functions
• Arrays
• DOM
• API / Ajax (XHR)
• ES6
🔻Version Control System (Git)
• Basic usage of Git
• CLI
• Github
• Git Flow
🔻Package Managers
• NPM
• YARN
• Local vs Global
• Package JSON
🔻Framework / LIB
• Angular
• ReactJS
• VueJS
If i left something let me know on comments🤔
👉🏻 Follow for more Tips :
instagram.com/yashar_dev
@fullStackDevs
👍6
IMG_9978.JPG
1.8 MB
How to become an ASP .NET Core developer in 2022 🤷🏻♂️🎯
I made this post as a tip for everyone who asks me, "What should I learn next as an ASP .NET Core developer?"
which step you are right now ?🤷🏻♂️
@fullStackDevs
I made this post as a tip for everyone who asks me, "What should I learn next as an ASP .NET Core developer?"
which step you are right now ?🤷🏻♂️
@fullStackDevs
👍5🔥2
#csharp
#dotnet
#comparison
روش های بد مقایسه رشته ها در سی شارپ
تا به حال اکثرا از ToLowerیا ToUpper برای مقایسه رشته های غیر حساس به حروف بزرگ استفاده می کردیم .
اما این بهترین راه برای انجام آن نیست.
استفاده از string.Equals این مقایسه از سرعت عملکرد بهتری برخوردار است (در واقع به حروف کوچک یا بزرگ رشته ها علاقه ای نداریم).
همانطور که در تصویر می بینیم.
پس برای مقایسه دو رشته string بهتره از String.Equals استفاده کنیم
@fullStackDevs
#dotnet
#comparison
روش های بد مقایسه رشته ها در سی شارپ
تا به حال اکثرا از ToLowerیا ToUpper برای مقایسه رشته های غیر حساس به حروف بزرگ استفاده می کردیم .
اما این بهترین راه برای انجام آن نیست.
استفاده از string.Equals این مقایسه از سرعت عملکرد بهتری برخوردار است (در واقع به حروف کوچک یا بزرگ رشته ها علاقه ای نداریم).
همانطور که در تصویر می بینیم.
پس برای مقایسه دو رشته string بهتره از String.Equals استفاده کنیم
@fullStackDevs
👍11❤1
IMG_0165.JPG
2.2 MB
#csharp #visualstudio #csharp10 #aspdotnet #aspcore #dotnet
6 Amazing feature and improvement in C# 10:
📌 File-scoped namespace
📌 Record structs
📌 Constant interpolated strings
📌 Extended property patterns
📌 Global using directive
📌 Assignment and declaration in same deconstruction
❗️C# 10 is supported on .NET 6 .
@fullStackDevs
6 Amazing feature and improvement in C# 10:
📌 File-scoped namespace
📌 Record structs
📌 Constant interpolated strings
📌 Extended property patterns
📌 Global using directive
📌 Assignment and declaration in same deconstruction
❗️C# 10 is supported on .NET 6 .
@fullStackDevs
👍5
IMG_0232.JPG
1.5 MB
#html #css #frontend
Stop using so many divs! 🛑
🔸 why should we use these tags ?
• Easier to read
• Better for SEO
• More accessible
let me know on comments if it was useful 🙏🏻🌺
@fullStackDevs
Stop using so many divs! 🛑
🔸 why should we use these tags ?
• Easier to read
• Better for SEO
• More accessible
let me know on comments if it was useful 🙏🏻🌺
@fullStackDevs
👍6🔥2
IMG_0412.JPG
2 MB
👍6🔥2❤1
#html5
#bdi_element
بارها می خواستیم از یک کلمه انگلیسی در متن فارسی استفاده کنیم که تو نمایش در مرورگر به هم میریخت! برای این مشکل می تونیم از تگ <bdi> استفاده کنیم
تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.
از این تگ جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.
تگ bdi مخفف Bi-Directiona-Isolationl یعنی جدا سازی دو جهته می باشد.
تگ <bdi> در HTML5 معرفی شده است.
سورس کد تصویر
🔗 <bdi>: The Bidirectional Isolate element
@fullStackDevs
#bdi_element
بارها می خواستیم از یک کلمه انگلیسی در متن فارسی استفاده کنیم که تو نمایش در مرورگر به هم میریخت! برای این مشکل می تونیم از تگ <bdi> استفاده کنیم
تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.
از این تگ جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.
تگ bdi مخفف Bi-Directiona-Isolationl یعنی جدا سازی دو جهته می باشد.
تگ <bdi> در HTML5 معرفی شده است.
سورس کد تصویر
🔗 <bdi>: The Bidirectional Isolate element
@fullStackDevs
👍7❤4🔥2