میانگین درآمد برنامه نویس ها در کشورهای مختلف

در این مقاله قصد داریم درآمد برنامه نویس ها را در کشورهای مختلف در سال ۲۰۱۹ بررسی کنیم 

این مقاله در حال تکمیل است لطفا ساعاتی بعد همینجا سر بزنید 

 

توجه داشته باشید :‌این مقاله وضعیت حقوق را تا تاریخ May ۲, ۲۰۱۹ میلادی بررسی میکند . 

در این مقاله ما قصد داریم میانگین حقوق برنامه نویسان در کشورهای مختلف را بررسی کنیم مثلا در کشور فنلاند ، نروژ ، سوئد ، سوئیس ، آلمان ،‌ هلند ، دانمارک ، فرانسه ، اسرائیل ، انگلستان ، استرلیا ، نیوزلند و ایالات متحده ی آمریکا . 

 

همچنین توضیحات مفصلی در مورد موارد زیر پوشش داده میشود : 

 

• حقوق برنامه نویس ها در کشورهای مختلف نسبت به تجربه ی کاری آنها ( entry-level, mid-career یا senior )
• حقوق برنامه نویس ها در کشورهای مختلف نسبت به حرفه و تخصصی که دارند (Front-End, Full-Stack, Java, C++, C #, .NET, JavaScript, PHP, Python)
• مقایسه حقوق برنامه نویسان در شهرهایی که در جستجوی گوگل در رده ی بالا هستند .

 

کشورهایی که برنامه نویس ها بیشترین درآمد را در آنها دارند

 

طبق بررسی های انجام شده بیشترین میزان حقوق و درآمد برنامه نویس ها در کشور ایالت متحده ی امریکا است با میانگین ۱۰۸ هزار دلار . 

 

طبق آمار منتشر شده ی PayScale :‌

 

• متوسط درآمد یک برنامه نویس در کشور سوئیس 83000 دلار در سال است . 
• در کشور نروژ 72000 دلار در سال است .
• در کشور دانمارک 70000 دلار در سال است . 
• در اسرائیل ، سوئد و آلمان بین 54000 دلار تا 64000 دلار متفاوت است . 

در تصویر زیر که از سایت daxx.com برداشته شده است متوسط حقوق برنامه نویسان در یک سال را مشاهده میکنید 

 

 

میانگین مقایسه حقوق و دستمزد توسعه دهنده نرم افزار براساس کشور ، فوریه 2019 

USA	$۱۰۷,۹۰۹
Switzerland	$۸۲,۸۷۸
Norway	$۷۱,۹۳۳
Denmark	$۷۰,۴۰۷
Israel	$۶۴,۱۹۸
Sweden	$۵۴,۴۹۴
Germany	$۵۳,۷۱۳
Australia	$۴۸,۸۴۶
Netherlands	$۴۸,۴۱۳
Canada	$۴۸,۲۷۱
Finland	$۴۴,۳۳۶
New Zealand	$۴۲,۳۹۱
France	$۴۰,۷۰۰
United Kingdom	$۴۰,۴۹۷

 

حقوق مهندس نرم افزار در اروپا ، فوریه 2019 

 

طبق آمارهای PayScale :‌

 

• بیشترین میزان حقوق مهندس نرم افزار در قاره اروپا  به ترتیب برای کشورهای دانمارک ، نروژ و سوئیس است . از 70 هزار دلار در سال تا 82 هزار دلار . 
• در فرانسه ، فنلاند و هلند برنامه نویسان انتظار حقوق 40 هزار تا 48 هزار دلار در سال را دارند . 
• مهندسین نرم افزار در کشورهای آلمان ، سوئد و انگلیس حقوق 53 هزار دلار تا 55 هزار دلار درخواست میکنند . 

 

حقوق برنامه نویسان در قاره اروپا در فوریه 2019 بر اساس کشورها 

 

Switzerland	$۸۲,۸۷۸
Norway	$۷۱,۹۳۳
Denmark	$۷۰,۴۰۷
United Kingdom	$۵۵,۶۳۶
Sweden	$۵۴,۴۹۴
Germany	$۵۳,۷۱۳
Netherlands	$۴۸,۴۱۳
Finland	$۴۴,۳۳۶
France	$۴۰,۷۰۰

 

 مقایسه حقوق یک برنامه نویس مبتدی با برنامه نویس ارشد در فوریه 2019 

 

کشور سوئیس بیشترین حقوق را بر اساس تجربه ی یک برنامه نویس پرداخت میکند . متوسط حقوق یک دولوپر جونیور ۷۸ هزار دلار است و این در حالی است که برنامه نویسان ارشد میتوانند تا ۱۰۲ هزار دلار کسب درآمد کنند.

میانگین حقوق یک مهندس نرم افزار مبتدی ، در کشور ایالات متحده ی آمریکا تقریبا ۷۱ هزار دلار در سال است و ۱۰۱ هزار دلار برای سنیور دولوپر است که آمریکا را در رتبه ی دوم قرار میدهد . 

دانمارک بعنوان سومین کشور است که متوسط حقوق برنامه نویس مبتدی در آن ۶۸ هزار دلار و یک برنامه نویس سنیور ۸۴ هزار دلار حقوق دارد . 

 

میانگین حقوق برنامه نویسان مبتدی و ارشد در کشورهای مختلف طبق لیست زیر است

 

نام کشور	حداقل	حداکثر
Switzerland	$۷۷,۸۴۵	$۱۰۲,۱۴۷
USA	$۷۱,۶۸۲	$۱۰۱,۳۲۷
Denmark	$۶۸,۶۳۰	$۸۴,۰۵۹
Norway	$۶۸,۵۸۸	$۸۷,۸۶۸
Israel	$۵۵,۲۵۳	$۸۰,۹۳۵
Germany	$۵۱,۰۸۳	$۶۷,۷۷۱
Sweden	$۵۰,۳۲۷	$۶۸,۲۲۴
Canada	$۴۵,۲۷۶	$۶۵,۴۳۴
Australia	$۴۳,۵۱۷	$۷۱,۲۲۴
France	$۴۳,۴۵۶	$۵۱,۲۱۳
Netherlands	$۴۳,۴۵۰	$۶۳,۲۲۵
Finland	$۴۱,۳۱۹	$۵۶,۸۰۹
New Zealand	$۳۹,۴۹۲	$۶۴,۹۶۳
United Kingdom	$۳۷,۹۱۹	$۶۰,۴۱۳

تفاوت حقوق یک برنامه نویس مبتدی با یک برنامه نویس ارشد درکشورهای مختلف فرق دارد . بیشترین تفاوت بین حقوق یک برنامه نویس مبتدی و حرفه ای در US, Australia, Israel, Switzerland و New Zealand است که بین ۲۵ هزار دلار تا ۳۰ هزار دلار است . 

فرانسه کمترین تفاوت حقوقی را بین برنامه نویسان مبتدی و برنامه نویسان حرفه ای قائل است و تفاوت آنها حدود ۸ هزار دلار است .

حقوق برنامه نویسان در کشور ایالات متحده ی آمریکا 

 

میزان حقوق یک برنامه نویس مبتدی در کشور آمریکا حدود ۶۱ هزار دلار است در حالیکه یک برنامه نویس حرفه ای حدود ۱۲۲ هزار دلار حقوق میگیرد البته این حقوق سالانه است . 

براساس آمار وب سایت indeed متوسط حقوق برنامه نویسان در کشور آمریکا ۱۰۷۹۰۹ دلار بر سال است .  

بیشترین میزان درآمد برنامه نویسان در کشور آمریکا مخصوص برنامه نویسان موبایل است . متوسط حقوق یک برنامه نویس اندروید در کشور آمریکا ۱۲۶۵۰۳ دلار و متوسط حقوق یک برنامه نویس آی او اس در آمریکا ۱۱۹۶۳۱ دلار در سال است . 

در میان برنامه نویسان وب ، برنامه نویسان پایتون بیشترین میزان درآمد را دارند که تقریبا ۱۲۳ هزار دلار در سال است . 

متوسط درآمد برنامه نویسان JavaScript, C++ و Java نیز حدود ۱۰۲ هزار تا ۱۱۷ هزار دلار است . 

برنامه نویسان C#, .NET, PHP نیز حدود ۸۹ هزار تا ۹۵ هزار دلار درآمد دارند . 

همچنین برنامه نویسان فرانت اند در آمریکا حدود ۱۰۸۴۴۸ دلار و برنامه نویسان فول استک حدود ۱۱۳۵۹۵ دلار درآمد دارند . 

شما میتوانید شغل های مختلفی را با استفاده از سایت jooble پیدا کنید . 

متوسط حقوق انواع برنامه نویس ها در کشور آمریکا در تاریخ فوریه ۲۰۱۹ : 

Software developer	$۱۰۷,۹۰۹
Entry-level software developer	$۶۱,۲۸۱
Senior software engineer	$۱۲۲,۱۵۳
Android developer	$۱۲۶,۵۰۳
Python developer	$۱۲۲,۸۳۱
iOS developer	$۱۱۹,۶۳۱
C ++ developer	$۱۱۷,۲۹۳
JavaScript developer	$۱۱۱,۳۷۳
Java developer	$۱۰۲,۴۲۴
C# developer	$۹۵,۰۵۲
.NET developer	$۹۱,۷۸۵
PHP developer	$۸۹,۱۴۹

 

حقوق برنامه نویسان در کشور سوئیس 

متوسط حقوق یک برنامه نویس مبتدی در کشور سوئیس ۷۸ هزار دلار و متوسط حقوق یک برنامه نویس سنیور ۱۰۹ هزار دلار است . 

میشه گفت میانگین حقوق برنامه نویسان در کشور سوئیس ۸۲۸۷۸ دلار است . 

میانگین حقوق یک برنامه نویس اندروید در کشور سوئیس ۷۰۷۳۶ دلار است که کمترین میزان حقوق بین تکنولوژی های مختلف است . میزان حقوق برنامه نویسان .Net کمی بیشتر و حدود ۷۷۵۴۶ دلار است . 

بیشترین میزان حقوق نیز برای برنامه نویسان ios و javascript است که حدود ۹۱ هزار تا ۹۳ هزار دلار در سال است . 

میانگین حقوق برنامه نویسان سی شارپ و جاوا هم نزدیک به هم  و حدود ۸۲ هزار تا ۸۷ هزار دلار است . 

حقوق سالانه ی برنامه نویسان در کشور سوئیس تا فوریه ۲۰۱۹ طبق جدول زیر است :‌

Software developer	$۸۲,۸۷۸
Entry-level software developer	$۷۷,۸۴۵
Mid-career software developer	$۹۲,۱۵۳
Senior software engineer	$۱۰۹,۳۹۳
iOS developer	$۹۳,۰۱۷
JavaScript developer	$۹۱,۳۸۰
C# developer	$۸۷,۱۰۷
Java developer	$۸۳,۸۵۲
C++ developer	$۸۲,۷۳۸
PHP developer	$۷۸,۱۲۸
.NET developer	$۷۷,۵۴۶
Android developer	$۷۰,۷۳۶

میزان حقوق برنامه نویسان در کشور دانمارک 

براساس آمار وب سایت PayScale میزان متوسط حقوق برنامه نویسان در کشور دانمارک ۷۰۴۰۷  دلار است .

حقوق برنامه نویسان نسبت به تجربه ی آنها میتواند از ۶۸۶۳۰ تا ۸۱۸۱۳ دلار متغیر باشد . 

اگر از نظر زبان های برنامه نویسی بررسی را انجام بدهیم جاوااسکریپت کمترین میزان حقوق را دارد که ۵۳۸۹۱ دلار در سال است  بعد از آن زبان سی شارپ است که حقوق برنامه نویس سی شارپ حدود ۶۵۳۵۵ دلار در سال است .

متوسط حقوق برنامه نویس  Java, C++, .NET بیش از ۷۰ هزار دلار و بین ۷۰ هزار تا ۷۵ هزار دلار در سال است . 

بیشترین میزان درآمد در کشور دانمارک برای برنامه نویسان موبایل است که برای ios و android اپ تولید میکنند و میانگین حقوق آنها ۸۳ هزار دلار در سال است . 

میانگین حقوق سالانه برنامه نویسان در دانمارک در تاریخ فوریه ۲۰۱۹ :‌

 

Software developer	$۷۰,۴۰۷
Entry-level software developer	$۶۸,۶۳۰
Mid-career software developer	$۷۷,۰۶۹
Senior software engineer	$۸۱,۸۱۳
iOS developer	$۸۲,۹۲۸
Android developer	$۸۲,۸۷۵
.NET developer	$۷۵,۰۵۱
Java developer	$۷۳,۱۸۰
C++ developer	$۷۰,۵۰۰
PHP developer	$۶۷,۹۲۲
C# developer	$۶۵,۳۵۵
JavaScript developer	$۵۳,۸۹۱

 

حقوق برنامه نویسان در کشور نروژ 

طبق آمار PayScale متوسط حقوق برنامه نویسان در کشور نروژ بین ۶۸۵۸۸ دلار تا ۸۹۳۵۰ دلار در سال است . که متوسط حقوق برنامه نویسان در این کشور ۷۱۹۹۳ دلار در سال است . 

میزان حقوق برنامه نویسان Java و سی شارپ در کشور نروژ حدود ۶۵ هزار تا ۶۷ هزار دلار است  که کم درآمد  ترین زبان های برنامه نویسی در این کشور هستند . 

 زبان های PHP, JavaScript, .NET میزان ۷۰ هزار تا ۷۲ هزار دلار در سال درآمد دارند . 

برنامه نویسان سی پلاس پلاس حدود ۷۷۵۰۷ دلار درآمد دارند و پایتون در رده اول با میزان ۹۴ هزار دلار در سال میزان درآمد است . 

میانگین حقوق برنامه نویسان در نروژ تا فوریه ۲۰۱۹ طبق جدول زیر است :‌

Software developer	$۷۱,۹۹۳
Entry-level software developer	$۶۸,۵۸۸
Mid-career software developer	$۷۶,۹۸۵
Senior software engineer	$۸۹,۳۵۰
Python developer	$۹۴,۲۴۸
C++ developer	$۷۷,۵۰۷
JavaScript developer	$۷۲,۵۰۰
.NET developer	$۷۲,۳۳۵
PHP developer	$۷۰,۸۳۸
Java developer	$۶۷,۳۳۷
C# developer	$۶۵,۱۴۵

درآمد برنامه نویسان در کشور سوئد 

میانگین حقوق یک برنامه نویس عادی در کشور سوئد ۵۰۳۲۷ دلار در سال است این در حالی است که یک برنامه نویس سنیور حدود ۶۸۶۰۸ دلار در سال حقوق دارد . در کل میانگین حقوق برنامه نویسان در کشور سوئد ۵۴۴۹۴ دلار در سال است . 

معمولا برنامه نویسان فرانت اند در کشور سوئد حدود ۵۳۹۸۲ دلار حقوق دریافت میکنند . درآمد برنامه نویس php در کشور سوئد ۴۶۹۴۰ دلار است که کمترین میزان در بین زبان های برنامه نویسی است . 

زبان های برنامه نویسی مثل Java, C#, C++, .NET, JavaScript و برنامه نویس اندروید بطور میانگین بین ۵۲ هزار تا ۵۵ هزار دلار درآمد دارند . 

برنامه نویسان IOS و پایتون در بالاترین میزان حقوق در کشور سوئد هستند ۶۰ هزار تا ۶۲ هزار دلار درآمد دارند . 

برنامه نویسان فول استک در کشور سوئد بطور میانگین حقوق ۷۴۳۶۵ دلار دریافت می کنند . 

میانگین درآمد سالانه ی برنامه نویس ها در کشور سوئد تا تاریخ فوریه ۲۰۱۹ :‌

Software developer	$۵۴,۴۹۴
Entry-level software developer	$۵۰,۳۲۷
Mid-career software developer	$۶۰,۳۰۳
Senior software engineer	$۶۸,۶۰۸
iOS developer	$۶۲,۷۴۷
Python developer	$۶۰,۲۸۳
Android developer	$۵۵,۳۱۲
Java developer	$۵۵,۲۹۶
.NET developer	$۵۵,۲۵۰
JavaScript developer	$۵۲,۷۵۴
C++ developer	$۵۲,۶۹۲
C# developer	$۵۲,۰۱۱
PHP developer	$۴۶,۹۴۰

 

 

حقوق برنامه نویسان در کشور انگلستان 

 

میانگین حقوق برنامه نویسان در کشور انگلستان ۵۵۶۳۶ دلار است براساس آمار سایت itjobswatch حقوق برنامه نویسان در انگلستان میتواند از ۳۶ هزار دلار تا ۶۵ هزار دلار باشد که به تجربیات برنامه  نویس بستگی دارد . 

بیشترین میزان درآمد در کشور انگلستان برای برنامه نویس موبایل اندروید و iOS میباشد که بین ۷۵ هزار دلار تا ۷۸ هزار دلار درآمد دارند . 

درآمد زبان پایتون به حقوق برنامه نویسی موبایل نزدیک است و میانگین آن ۷۴۳۸۸ دلار میباشد . 

میانگین درآمد برنامه نویس PHP نیز ۵۲ هزار دلار است که کمترین میزان درآمد در بین برنامه نویسان است . 

برنامه نویسان فرانت اند در انگلستان ۶۲۱۸۱ دلار در آمد دارند و برنامه نویسان فول استک میتوانند بطور میانگین ۶۵۴۵۴ دلار درآمد داشته باشند .

میانگین حقوق سالانه ی برنامه نویسان در کشور انگلستان طبق جدول زیر است : 

Software developer	$۵۵,۶۳۶
Entry-level software developer	$۳۶,۰۰۰
Senior software engineer	$۶۵,۴۵۴
iOS developer	$۷۸,۵۴۵
Android developer	$۷۵,۲۷۲
Python developer	$۷۴,۳۸۸
Java developer	$۷۲,۰۰۰
C++ developer	$۶۵,۴۵۴
JavaScript developer	$۶۵,۴۵۴
.NET developer	$۵۷,۶۰۰
PHP developer	$۵۲,۳۶۳

حقوق برنامه نویسان در کشور آلمان 

میانگین حقوق برنامه نویسان در کشور آلمان ۵۳۷۱۳ دلار است و برنامه نویسان عادی یا مبتدی حقوق کمتری از میانگین کلی حقوق برنامه نویسان یعنی چیزی حدود ۵۱۰۸۳ دلار درآمد دارند . 

در کشور آلمان برنامه نویسان PHP کمترین مقدار درآمد یعنی ۴۹۱۶۲ دلار درآمد دارند . بیشترین میزان درآمد برای برنامه نویسان IOS ست که حدود ۵۶۵۵۳ دلار درآمد دارند . 

و  برنامه نویسان Python, Java, C#, C++, .NET, JavaScript و برنامه نویسان اندروید نیز درآمدی بین ۵۱ هزار تا ۵۵ هزار دلار درآمد  دارند . 

برنامه نویسان فرانت اند در کشور آلمان حدود ۵۰۸۴۱ دلار و برنامه نویسان فول استک نیز حدود ۴۷۴۵۳ دلار درآمد دارند . 

میانگین درآمد سالانه ی برنامه نویسان در کشور آلمان تا تاریخ فوریه ۲۰۱۹ :‌

Software developer	$۵۳,۷۱۳
Entry-level software developer	$۵۱,۰۸۳
Mid-career software developer	$۵۸,۴۰۵
Senior software engineer	$۶۹,۰۱۳
iOS developer	$۵۶,۵۵۳
Python developer	$۵۵,۲۰۹
Android developer	$۵۴,۸۸۹
.NET developer	$۵۴,۵۰۲
C++ developer	$۵۴,۲۹۸
Java developer	$۵۳,۲۸۳
JavaScript developer	$۵۲,۳۱۴
C# developer	$۵۱,۱۶۹
PHP developer	$۴۹,۱۶۲

 

درآمد برنامه نویسان در کشور هلند

میانگین حقوق برنامه نویسان در کشور هلند بین ۴۳ هزار تا ۶۵ هزار دلار است . مقدار ۴۸۴۱۳ دلار بعنوان درآمد میانگین برنامه نویسان در کشور هلند توسط PayScale اعلام شده است . 

بیشترین میزان درآمد در کشور هلند برای برنامه نویسان اندروید هلند بامقدار ۵۱۳۲۰ دلار است . بعد از آن که مقدارش نزدیکتر به برنامه نویسان اندروید است حقوق برنامه نویسان سی پلاس پلاس است که حدودا ۵۱۳۰۸ دلار است . 

برنامه نویسان زبان های Python, .NET, Java و JavaScript  تقریبا حقوق یکسانی دریافت میکنند که از ۴۷ هزار دلار تا ۴۸ هزار دلار متغیر است . 

برنامه نویسان IOS و سی شارپ تقریبا یکسان و میزان ۴۰ هزار تا ۴۵ هزار دلار درآمد دارند . 

میانگین حقوق برنامه نویسان در کشور هلند در جدول زیر تا فوریه ۲۰۱۹ آمده است 

Software developer	$۵۱,۹۱۴
Entry-level software developer	$۴۶,۴۳۱
Mid-career software developer	$۶۰,۸۳۳
Senior software engineer	$۶۷,۲۷۷
Android developer	$۵۳,۳۲۰
C++ developer	$۵۱,۳۰۸
JavaScript developer	$۴۸,۲۵۱
Java developer	$۴۷,۹۹۶
.NET developer	$۴۷,۵۹۸
Python developer	$۴۷,۲۰۰
iOS developer	$۴۵,۵۴۱
C# developer	$۴۵,۱۶۶
PHP developer	$۴۰,۵۹۴

حقوق برنامه نویسان در کشور فنلاند 

میزان حقوق برنامه نویسان عادی یا مبتدی در کشور فنلاند ۴۴۳۳۶ دلار است  در حالیکه حقوق برنامه نویس سنیور ۶۱ هزار دلار است ( طبق آمار سایت PayScale ) .

میانگین حقوق برنامه نویسان در کشور فنلاند حدود ۴۴۳۳۶ دلار است . 

همانطور که میبینید در فنلاند ، بیشترین میزان درآمد برای زبان Java است با حقوق ۴۷۳۲۹ دلار . 

بعد از آن برنامه نویسان دات نت و برنامه نویسان اندروید بطور میانگین ۴۳ هزار دلار درآمد دارند . 

برنامه نویسان Python, JavaScript, C++, C# و همچنین برنامه نویسان IOS بطور میانگین ۴۰ هزار تا ۴۲ هزار دلار درآمد دارند . 

کمترین میزان درآمد برای برنامه نویسان PHP با مقدار ۳۹ هزار دلار است . 

 

در جدول زیر میانگین حقوق برنامه نویسان کشور فنلاند تا تاریخ فوریه ۲۰۱۹ را مشاهده میکنید 

Software developer	$۴۴,۳۳۶
Entry-level software developer	$۴۱,۳۱۹
Mid-career software developer	$۵۱,۱۶۰
Senior software engineer	$۶۱,۰۷۶
Java developer	$۴۷,۳۲۹
Android developer	$۴۳,۳۱۹
.NET developer	$۴۳,۲۵۵
JavaScript developer	$۴۲,۹۱۳
C# developer	$۴۲,۲۱۵
iOS developer	$۴۱,۸۷۰
C++ developer	$۴۱,۰۶۹
Python developer	$۴۰,۴۷۴
PHP developer	$۳۹,۲۱۹

 

 حقوق برنامه نویسان در بیشترین شهرهای جستجو شده تا تاریخ فوریه 2019 

 

در آمار زیر جستجوی گوگل در نظر گرفته شده است و شهرهایی که بیشترین سرچ را در گوگل داشتند بررسی شده است 

 

 

• متوسط حقوق برنامه نویسان در San Francisco, San Jose, Madison و Seattle بین 89000 تا 99000 دلار است که در بالاترین رده این لیست هستند . 
• شهرهای Boston, Copenhagen, Chicago, Dallas, Austin, Oslo و Houston  حقوق بین67000 تا 79000 دلار است . 
• میزان حقوق برنامه نویس ها در شهرهای Munich, Amsterdam, Berlin, Sydney و London  بین 50000 تا 57000 دلار است . 
• و میزان حقوق برنامه نویس ها در شهر های  Dublin, Singapore, Barcelona و Dubai کمترین میزان خود یعنی بین 31000 تا 43000 دلار است . 

 

سخن آخر : 

 

از آنجا که نیاز به مهارت های فنی در زمینه ی برنامه نویسی به سرعت در حال رشد است و افراد با استعداد و متخصص نسبت به تقاضا کمتر است مدیران IT در حال مذاکره با برنامه نویس ها هستند که با افزایش حقوق آنها را جذب کنند . 

در کشور ایالات متحده ی آمریکا شدیدا به برنامه نویس نیاز است  و کارفرمایان و شرکت های کامپیوتری برای پر کردن و تکمیل کردن پرسنل مورد نیاز خود حقوق برنامه نویسان را افزایش می دهند تا آنها را جذب کنند . 

حقوق توسعه دهنده نرم افزار در لس آنجلس ، سان خوزه ، واشنگتن ، بوستون و نیویورک می تواند تا آخر سال ۲۰۱۹ بیش از ۳۰٪ افزایش یابد.

افزایش نیاز به برنامه نویسان و کم بودن متخصص باعث شده است بسیاری از شرکت ها به استخدام افرادی بپردازند که بصورت ریموت و از راه دور کار میکنند و این موقعیت شغلی را برای برنامه نویسان بسیار بهتر و مطلوب تر کرده است . 

تمام

---

مطالب زیر ممکن است برای شما مفید باشد

 تگ های header را در سئو سایت دست کم نگیرید رادیو صفر و یک - پادکست شماره ی 9 ام - اینترنت بی اینترنت رادیو صفر و یک - پادکست شماره ی 3 ام - شرکت جت برینز و محصولاتش برای برنامه نویسان رادیو صفر و یک - پادکست شماره ی 5 ام - دیپ فیک چیست ؟‌ آخرین مرز میان حقیقت و دروغ رادیو صفر و یک - پادکست شماره ی 1 ام - معرفی رادیو صفر و یک و زندگینامه ی گوینده

محصولات برگزیده مناسب شما

 کارگاه آموزشی نحوه ی آپدیت ورژن فریمورک laravel کارگاه آموزش کار با API های اینستاگرامی دوره ی آموزش ساخت اپ گالری تصاویر آنلاین با کاتلین کارگاه آموزشی کار با Grunt js

پایان 👍

10 نکته کلیدی برای یادگیری برنامه نویسی

شاید شما هم بخواهید برنامه نویسی را شروع کنید ولی ده نکته کلیدی و طلایی وجود دارد که به شما کمک میکند تا کدنویسی برای شما بهتر و آسان تر باشد . 

هر چند برنامه نویسی شغل زیاد آسانی نیست . خیلی از وب سایت های آموزشی برای اینکه به تجارت و کسب و کار خود رونق دهند معمولا آموزش های سریع برنامه نویسی میفروشند ولی از نظر محتوا به کسی که میخواهد برنامه نویسی را شروع کند کمک چندانی نمیکند

در زیر ده نکته کلیدی برگرفته از تجربیات شخصی و سالها برنامه نویسی برای شما آماده شده است تا خیلی سریعتر و منطقی تر برنامه نویسی را شروع کنید . 

بعنوان کسی که تازه میخواهد برنامه نویسی را شروع کند شاید این سوال برای شما مطرح باشد که مسیر یادگیری من چطور است ؟ چطور میتوانم بعنوان مبتدی شروع کنم و چطور میتونم تا حد متوسط پیش برم ؟ یا اصلا حرفه ای کامل بشم ؟‌این سوالی هست که پاسخش از فردی به فرد دیگر متفاوت است . مدت زمان یادگیری و سختی و آسانی این مسیر کاملا به شخصی که دوست دارد برنامه نویسی را یاد بگیرد بستگی دارد و چیز ثابتی در این مورد وجود ندارد . 

در این مقاله ۱۰ نکته کلیدی که شما باید قبل از انتخاب مسیر و شروع برنامه نویسی بدانید برای شما آماده شده است . 

این ده نکته به شما کمک میکند سریعتر و بهتر شروع کنید و سریعتر از بقیه برنامه نویسی را یاد بگیرید و این رو مطمئن باشید اگر قصد دارید برنامه نویس بشید مهم ترین کاری که الان باید انجام بدید خواندن دقیق ده نکته ی زیر است نه کار دیگری ...

 

قدم 1  یادگیری برنامه نویسی - اصول برنامه نویسی را صحیح یاد بگیرید 

 

اولین چیزی که در برنامه نویسی باید یاد بگیرید منطق و اصول برنامه نویسی است . این اولین مرحله برای تبدیل شدن به برنامه نویس حرفه ای  است . 

برای اینکه منطق و اصول برنامه نویسی را یاد بگیرید ابتدا باید مبانی کامپیوتر را یاد بگیرید . 

اگر در اینترنت جستجو کنید هزاران دوره ی آموزشی آنلاین وجود دارد که برای شروع برنامه نویسی از صفر ساخته شده است . 

در حقیقت در اینترنت برای مبتدیان مطالب و آموزش های خیلی زیادی است . 

کاری که باید انجام بدهید این است که اینترنت را باز کنید و هر آنچه که درباره ی کامپیوتر نمیدانید مطالعه کنید . 

درک درست از مبانی کامپیوتر و نحوه ی کار کردن آن مسیر بعدی که شروع برنامه نویسی است را برای شما آسان و یادگیری های بعدی شما را سریعتر میکند . 

 

 

قدم 2  یادگیری برنامه نویسی - صبور باشید یا قدرت صبر را در خود افزایش دهید : 

 

برای اینکه در برنامه نویسی موفق باشید مهمترین شرط این است که بتوانید آدم صبوری باشید . زمانی که نا امید میشوید صبر به شانه ی شما میزند و میگوید یکم دیگه صبر کن و این چیزی است که نیاز دارید . 

لازم به ذکر نیست ولی اینجا باز هم یاد آوری میکنم که صبر و تحمل به شما کمک میکند تا مسائل و مشکلات را بخوبی حل کنید و درک شما از کامپیوتر بیشتر میشود . 

مفاهیم مربوط به کامپیوتر  کمی پیچیده است و نیاز دارد که شما انسانی انعطاف پذیر ، صبور و سخت کوش باشید . 

بیشتر اوقات افرادی که برنامه نویسی را تازه شروع میکنند انتظارات مناسبی از خود و یادگیری ندارند . بله قرار نیست اول کار شما همه چیز را بدانید و حرفه ای شوید این انتظارات و خوش بینی بیش از حد ، خطرناک هستند . 

به خاطر وجود این انتظارات بد است که اکثر افرادی که برنامه نویسی را شروع میکنند همان ابتدای کار دلزده میشوند و سراغ شغل دیگری میروند . 

برای جلوگیری از این انتظارات به توقعات زیاد در ابتدای کار فکر نکنید و به هدفتان فکر کنید و کارتان را ادامه دهید . 

 

قدم 3 یادگیری برنامه نویسی - هدف تعیین کنید و به سمت آن قدم بردارید :‌

 

هدف گزاری میتواند یک تقویت کننده ی قدرتمند و انگیزشی در مسیر یادگیری برنامه نویسی باشد . برای مثال اگر میخواهید PHP یاد بگیرید ، به خود قول دهید تا اخر هفته یک پروژه ساده ی PHP انجام دهید . پس از آنکه به هدف اولی رسیدید یک هدف دیگر تعیین کنید و این کار را در یک چرخه قرار دهید . این کار خیلی راحت است . 

یادگیری و بهبود برنامه نویسی پایان ندارد به همین خاطر حفظ کردن چرخه ی اهداف کوچک ایده ی خوبی برای تقویت همیشگی شماست ولی در نظر داشته باشید هدف اصلی خود را هم فراموش نکنید . 

خب ، بعنوان یک دانش پذیر جدید چه اهدافی را میتوانید برای خود تعیین کنید ؟‌ بیایید سریعا چند مثال برای اهداف طراحی کنیم !

• ساخت یک ماشین حساب با CSS و JavaScript
• ساخت یک سایت واکنش گرا با HTML, CSS و JavaScript
• ساخت یک سایت پویا یا داینامیک با استفاده از زبان های برنامه نویسی سمت سرور مثل PHP, Ruby, Python یا موارد مشابه ...

شما میتوانید هر کدام از پروژه های بالا یا پروژه های مشابهی را بعنوان هدف اخر هفته تعیین کنید . 

توجه کنید که اهداف که به این شکل برای تمرین تعیین میکنید باید قابل انجام باشد بصورت آرمان گرایانه برای خود هدف تعیین نکنید مثلا نگید من میخام یک سایت مثل فیسبوک درست کنم یا میخام مثل بازی کال آف دیوتی را بسازم . 

سعی کنید از چیزهای کوچک و به آرامی شروع کنید . عجله نکنید به زودی توانایی انجام پروژه های بزرگ و پیچیده را هم خواهید داشت . 

قدم 4 یادگیری برنامه نویسی - سعی کنید پروژه های زیادی را انجام دهید :‌

 

هر چه بیشتر پروژه انجام دهید نه تنها محدودیت های خود را کشف میکنید بلکه مهارت تحلیل و حل مسئله ی خود را نیز بهبود میبخشید . 

ضمنا یادتون باشه ، برنامه نویسی فقط یاد گرفتن نحوه ی برنامه نویسی با یک زبان برنامه نویسی نیست بلکه روش حل کردن مشکل یا انجام یک مسئله ی خاص با ابزارهایی است که در اختیار دارید . 

همچنین برنامه نویسی نیاز به دید خلاق و برنامه ریزی برای انجام یک چیز مفید ، نیاز دارد . 

برای مبتدیان ایده پردازی در زمینه ی برنامه نویسی دشوار است . در پروژه های انجام شده در اینترنت میتوانید جستجو کنید خیلی از آنها اوپن سورس هستند یعنی شما به سورس و مستندات پروژه دسترسی دارید . 

شما میتوانید از Github استفاده کنید جایی که برنامه نویس ها کدها و پروژه های خود را به اشتراک میگذارند . 

شما میتوانید در گیتهاب ریپوزیتوری های رایگان و عمومی پیدا کنید و از پروژه ی انها استفاده کنید و الگو بگیرید . 

 

قدم 5 یادگیری برنامه نویسی - وارد انجمن های برنامه نویسی شوید : 

 

یادگیری برنامه نویسی هرگز یک کار انفرادی نیست . اگر به فکر این هستید که یک ایده ای را در آینده به تنهایی و بدون استفاده از کمک دیگران پیاده کنید اشتباه فکر میکنید . 

برنامه نویسی یک فعالیت گروهی است و اگر میخواهید در این زمینه فعال بمانید باید در پلتفرم های اجتماعی مخصوص برنامه نویسان حضور داشته باشید . 

از این بین سایت های Github و Stackoverflow بسیار محبوب و معروف است که میتوانید از آنها استفاده کنید علاوه بر این ها شما میتوانید انجمن های زیادی را جستجو و پیدا کنید و در آنها حضور داشته باشید مثلا اگر بازی ساز هستید انجمن یونیتی و یا مثلا انجمن برنامه نویسان لاراول و .... وجود دارد . 

جامعه هایی که معرفی شد هر کدام در زمینه ای تخصص دارد و مهارت شما را ارتقا میدهند بعنوان مثال گیتهاب مخزن کدهای آماده است که از آنها میتوانید استفاده کنید و یا از این ابزار برای رشد کدهای خود توسط دیگران نیز استفاده کنید . 

 

قدم 6 یادگیری برنامه نویسی - یادگیری را متوقف نکنید :‌

 

بعنوان یک برنامه نویس هرگز پایانی برای یادگیری شما وجود نخواهد داشت و ادامه نیاز به یادگیری و کمک گرفتن از دیگر برنامه نویسان ،‌بعنوان بخشی از شغل برنامه نویسی است . تکنولوژی های جدید سریعا در حال گسترش هستند و به شما اجازه نمیدهند که یادگیریتان را متوقف کنید چون باید سریعا آنها را یاد بگیرید تا در بازار کار بیکار نمانید . 

بعنوان یک برنامه نویس شما باید‌ ، همیشه آماده باشید تا چیز های جدید را یاد بگیرید . 

مطمئن باشید همیشه هم برنامه نویسانی را پیدا خواهید کرد که به دلیل هجوم همیشگی تکنولوژی های جدید در برنامه نویسی به تخصص خود بصورت کامل در بعضی زمینه ها شک دارند . 

اما نگران این مسئله نباشید تا زمانی که خود را با بروزرسانی ها و تکنولوژی های جدید وفق دهید و یادگیری خود را متوقف نکنید هیچ اتفاقی برای شما در بازار کار برنامه نویسی نخواهد افتاد . 

 

 

قدم 7 یادگیری برنامه نویسی - حل الگوریتم و الگوریتم نویسی را یاد بگیرید : 

 

الگوریتم ها هسته ی اصلی علوم کامپیوتر هستند . مهم نیست شما میخواهید یک بازی درست کنید یا برنامه نویس موبایل باشید یا یک وب سایت بسازید در هر صورت شما با الگوریتم ها سر و کار دارید . 

افزایش مهارت در بحث الگوریتم ها هم به شما کمک میکند تا برنامه نویس خوبی باشید هم اینکه از مصاحبه های استخدامی سربلند بیرون بیایید چون در اکثر شرکت ها معمولا برای ورود سوالهای مرتبط با الگوریتم ها و شیوه های حل مسائل مطرح میشود . 

سعی کنید مهارت حل الگوریتم ها را در سطح بالایی نگه دارید بطوری که روزانه حداقل یک الگوریتم حل کنید . 

 

قدم 8 یادگیری برنامه نویسی - یاد بگیرید چطور از مستندات یا داکیومنت ها استفاده کنید : 

 

مستندات یا داکیومنت های یک زبان برنامه نویسی یا کتابخانه یا یک فریمورک بسیار مهم است و به شما کمک میکند تا درباره ی آن تخصص کسب کنید . 

این مستندات شامل اطلاعات غنی از چیزی هست که قصد دارید با آن کار کنید و کمک میکند به آسانی یاد بگیرید . 

بعنوان یک مبتدی لازم نیست از مستندات بترسید آنها بهترین همراه شما در آینده خواهند بود . 

به آرامی شروع کنید و یاد بگیرید چطور باید از مستندات استفاده کنید ممکن است در ابتدا ترسناک باشند ولی همیشه موتور جستجوی گوگل را هم رفیق خود بدانید و جستجو کنید .

 

قدم ۹ شروع یادگیری برنامه نویسی - از ابزارهای کمک کننده غافل نشوید :‌

همانند تمامی شغل های دنیا ، برنامه نویسی هم پر از ابزارهای کمک کننده است . مهم نیست کدام زبان برنامه نویسی یا کدام فریمورک را استفاده میکنید سعی کنید ابزارهای مرتبط با آن را پیدا کنید و به آنها تسلط پیدا کنید . 

ابزارها میتوانند در انجام بسیاری از کارهای تکراری بجای شما عمل کنند و این اتوماسیون به شما کمک میکند تا در زمان شما صرفه جویی شود و بتوانید روی مسائل اصلی تمرکز کنید . 

برای مثال بعنوان یک برنامه نویس حداقل با ابزارهای زیر آشنا باشید : 

• Git
• Slack
• code editors
• Chrome DevTools
• programming frameworks
• و خیلی چیزای مشابه دیگه 

 

قدم 10 یادگیری برنامه نویسی - مربی یا مدرس خوبی پیدا کنید :‌

 

اگر یک مربی یا مدرس خوب پیدا نکنید یادگیری برنامه نویسی ممکن است  زمان بر باشد !  با پیدا کردن آموزش های خوب نه تنها در زمان شما صرفه جویی میشود بلکه شما میتوانید از تجربیات مدرس نیز بهره ببرید . 

یک مدرس خوب میتواند با انواع مثال ها و پروژه ها شما را به یک برنامه نویس برجسته کند چیزی که در آموزش های فارسی و با کیفیت آواسام میتوانید بعنوان یک برنامه نویس پیدا کنید . 

پس برای شروع برنامه نویسی حتما یک مدرس خوب پیدا کنید و از آموزش های ایشان استفاده کنید . 

شما میتوانید به آموزشگاه های فیزیکی در شهر و محله ی خود بروید و ثبت نام کنید یا میتوانید از داخل خانه یا محل کار یا هر جایی که هستید از دوره های آموزشی آنلاین استفاده کنید 

امروزه با پیشرفت اینترنت و کامپیوتر در هر جایی شما میتوانید به آموزش بپردازید

مزیت های استفاده از اموزش انلاین این است که در زمان شما صرفه جویی میشود و مطالب را بهتر میتوانید درک کنید 

شما اختیار زمانی دارد و در هر زمانی که راحت هستید میتوانید از اموزش ها استفاده کنید 

چیزی هایی که معمولا در اموزشگاه های فیزیکی پیدا نمیشود 

 

 

---

مطالب زیر ممکن است برای شما مفید باشد

 این ۸ چیر رو باید همه برنامه نویسا بدونن ! چطور برنامه نویسی را شروع کنیم ؟ آیا گروه های برنامه نویسی مفید است ؟ 5 دلیل برای اینکه با جاوا اسکریپت کار کنید ریدایرکت 301 چیه و کی باید ازش استفاده کرد

محصولات برگزیده مناسب شما

 دوره پروژه محور ساخت فروشگاه بامیلو با لاراول دوره ی پروژه محور ساخت هتلداری با php mvc کارگاه آموزشی کار با Grunt js دوره آموزش برنامه نویسی اندروید با کاتلین kotlin بصورت پروژه محور

پایان 👍

لاراولی کوچک با طعم جدید - میکروفریمورک Lumen

لومن بعنوان یک پروژه ی جدید توسط سازنده ی اصلی لاراول یعنی Taylor Otwell ساخته شده است . Taylor Otwell گفته که این فریمورک یک میکرو-فریمورک است یعنی سایزش کوچکتر است ، سرعتش بیشتر است و یک نسخه ی ظریف از فریمورک کامل laravel است . 

البته برای زبان برنامه نویسی php دو میکروفریمورک دیگر هم وجود دارد که نام آنها Slim و Silex است .

 

لومن بر پایه ی فریمورک قدرتمند و محبوب لاراول است و بسیاری از اجزای لاراول را استفاده میکند . 

lumen در سال ۲۰۱۵ بعنوان یک فریمورک اوپن سورس زبان php معرفی شد و هدف اصلی این فریمورک ساخت میکروسرویس ها و API های خیلی سریع است . 

lumen در اصل یک میکروفریمورک یا micro-framework است و اساسا برای سرعت بخشی به پروژه ها ساخته شده است . 

lumen سریعتر از دو فریمورک میکرو-سرویس زبان php به نام های Slim و Silex است . 

براساس آزمایشی که خود Taylor Otwell انجام داده است ، میکروفریمورک های php از نظر سرعت به ترتیب زیر هستند :‌

1. Lumen — 1,700 requests per second
2. Slim — 1,250 requests per second
3. Silex — 950 requests per second

و همانطور که میبینید Lumen سریعتر از  Slim و آن هم سریعتر از Silex است . 

 

- برخی از ویژگی های مهم میکرو-فریمورک Lumen : 

• Lumen سرعت بسیار بالایی داره
• Lumen کدنویسی بسیار راحت یا بهتره بگیم Syntax ساده ای داره 
• Lumen را هر زمانی بخواهید میتونید به لاراول کامل ارتقا بدید
• Lumen میتونه درخواست های بیشتری را در هر ثانیه نسبت به دیگر فریمورک های php انجام بده
• سیستم Routing : لومن از سیستم Fast Route استفاده میکنه که یه کتابخانه است که میتونه route های براساس Regex را سریعا پیاده سازی بکنه 
• سیستم Lumen event  کمک میکنه تا به رویدادهای اپلیکیشن خود بپردازید و آنها را مدیریت کنید 
• سیستم Authentication : در لومن از سشن های عادی برای احراز هویت استفاده نمیشه یک مکانیسم ویژه مثل استفاده از توکن ها برای احراز هویت در لومن استفاده میشه
• سیستم Caching : همانند laravel ، لومن هم سیستم کشینگ داره ، بین سیستم کش لاراول و لومن تفاوتی خاصی وجود ندارد . در lumen درایور های کش مانند Database, Memcached و  Redis پشتیبانی میشود . 
• سیستم خطاها و لاگ : در lumen از کتابخانه ی Monolog برای کنترل کردن خطاها و لاگ ها استفاده میشود . 
• سیستم queuing : که همانند سیستم queuing خود لاراول است . 

 

- تفاوت بین Laravel و Lumen :

 

1. laravel یک فریمورک کامل برای توسعه ی وب است ولی lumen یک میکرو-فریمورک سریع برای ساخت micro-service است که بر پایه ی زبان PHP و برای ساخت اپلیکیشن های تحت وب است . 
2. lumen تخصصی تر است که برای توسعه ی Micro-services و API ها کاربرد دارد پس بسیاری از چیزهای Laravel مثل سشن ها ، کوکی ها و تمپلیت ها در آن وجود ندارد lumen سعی کرده است چیزهای ضروری را نگهداری کند مثل routing, logging, caching, queues, validation, error handling  و خیلی چیزای مشابه دیگر

 

- نیازمندی های کلیدی Lumen : 

 

برای Lumen شما باید مطمعن شوید سرویس شما شرایط زیر را دارد :‌

1. مطمئن شوید PHP روی ماشین شما نصب است و همچنین Lumen یک سری افزونه های php را نیاز دارد مثل OpenSSL, PDO و Mbstring .
2. برنامه ی مدیریت بسته های php به نام Composer باید نصب کنید . برای نصب کامپوزر به سایت getcomposer.org بروید و براساس سیستم عامل خودتان دانلود و نصب کنید .
3. برای کار با Lumen باید با مفاهیم پایگاه داده و زبان PHP آشنا باشید . 

- نصب Lumen : 

 

دو راه برای ساختن پروژه ی Lumen وجود دارد :‌

 

1. با استفاده از نصب کننده ی Lumen 
   خب ابتدا نصب کننده ی Lumen را توسط Composer دریافت کنید :‌

    Composer global require “Laravel/Lumen-installer”​

   خب حالا که نصب کننده ی Lumen دانلود شده میتونید با دستور زیر یک پروژه جدید به نام blog  بسازید :‌

   Lumen new blog​

   
    
2. با استفاده از دستور Create-Project مربوط به Composer
   برای نصب کردن Lumen با استفاده از دستورات Composer میتوانید طبق زیر عمل کنید :

   composer create-project –prefer-dist Laravel/Lumen blog​

- اجرای Lumen در مرورگر  :‌

توسط کامند زیر میتوانید پروژه ی Lumen را از طریق localhost:۸۰۰۰ آماده اجرا کنید :‌

php -S localhost:8000 -t public

 

- دلایلی که نباید Lumen را انتخاب کنید :‌

• برعکس فریمورک Laravel که قابلیت های زیادی برای تنظیم کردن فریمورک وجود دارد در Lumen فقط یکجا تنظیمات دارد آن هم فایل .env است .
• Lumen از کامپوننت های Symfony برای routing استفاده نمیکند بجای آن از Fast Route استفاده شده است اگر به ویژگی های Symfony Routing مثل routing روی ساب دامین یا با پارامترهای اختیاری نیاز دارید از فریمورک Laravel استفاده کنید . 
• اگر با سینتکس خود لاراول حال نمیکنید سمت Lumen هم نروید .
• پذیرش کم Lumen نسبت به لاراول : تاکنون 20 میلیون بار laravel دانلود شده است در حالیکه lumen فقط 125 هزار دانلود داشته
• Lumen محدود است و بیشتر تمرکز خود را روی تولید API و میکروسرویس گذاشته و اگر برنامه نویس کاری جز اینها انجام دهد ممکن است با محدودیت مواجه شود
• Lumen برپایه ی لاراول است اگر یک پروژه با فریمورکی بجر لاراول پیاده شده باشد برای راه اندازی میکروسرویس روی آن Lumen انتخاب خوبی نیست . 

 

نتیجه گیری درباره ی میکروفریمورک Lumen : 

 

خب تا اینجا متوجه شدیم که Lumen یک میکروفریمورک جدید برپایه ی فریمورک Laravel است و مخصوص ساختن میکروسرویس ها یا  API های اپلیکیشن تحت وب است . 

همانطور که دیدید نصب و تست کردن Lumen ساده است و به امتحانش می ارزد 

و هر زمان هم خواستید میتوانید Lumen را به یک لاراول کامل ارتقا دهید 

 

تمام

---

مطالب زیر ممکن است برای شما مفید باشد

 دیباگ کردن پروژه های لاراولی با Laravel Debugbar کدایگنایتر یا لاراول ؟ کدام فریمورک پی اچ پی چند داشبورد مدیریتی آماده برای لاراول احراز هویت با لاراول 6 جانگو یا لاراول ؟ برنامه نویسان وب بخوانند

محصولات برگزیده مناسب شما

 دوره پروژه محور ساخت فروشگاه بامیلو با لاراول دوره ی آموزش کامل فریمورک لاراول Laravel کارگاه آموزش کار با API های اینستاگرامی دوره ی آموزش ساخت اپ گالری تصاویر آنلاین با کاتلین

پایان 👍

composer چیست و چه کاربردی داره ؟

 

اگه قبلا با php کار کرده باشید شاید بعضی وقتا ، احساس کرده باشید که دارید چرخ رو دوباره اختراع میکنید !‌( اختراع کردن دوباره چرخ استعاره از کارهای تکراریه )

بعضی وقتا که کارهای تکراری مثل احراز هویت ، مدیریت پایگاه داده ، مدیریت مسیرها و کارهای تکراری دیگه را انجام میدید . 

php فریمورک های زیادی داره که قبلا این کار ها را انجام داده . به نظرتون بهتر نیست هر قسمتی که نیاز داریم را از اون فریمورک ها برداریم و دوباره ننویسیم ؟‌ 

اگر بخواهیم بصورت دستی قسمت های مختلف را از فریمورک هایی مثل zend یا laravel یا symfony برداریم ، این کار سخت میشه !

ممکن است هر کتابخانه به کتابخانه ها یا کدهای دیگر وابسته باشد و مدیریت کردن و پیدا کردن آن وابستگی ها بصورت دستی کار را خراب میکند مخصوصا اگر کار تیمی باشد یا به کس دیگری بسپارید .

اینجاست که composer خودش رو نشون میده .  composer  یک ابزار مدیریت وابستگی ها برای php است . composer وابستگی های لازم را بر اساس پروژه ی اصلی ،‌مدیریت میکند . به عبارتی دیگر composer تمام کتابخانه ها و وابسته های مورد نیاز را یکجا جمع میکند و یکجا مدیریت میکند . 

البته مدیریت وابستگی ها مبحث جدیدی نیست و ابزارهای مشابه composer زیادی وجود دارد مثلا npm برای Node.js و Bundler برای Ruby مشابه composer پی اچ پی هستند . 

ممکنه شما قبلا PEAR را هم دیده باشید . PEAR یک ابزار مدیریت پکیج ها برای php است که از سالها قبل وجود داشت . ولی PEAR توسط برنامه نویسان پی اچ پی ترک شد و دلیل اصلی این کار هم دو دلیل زیر بود : 

• بیشتر کدهای موجود در PEAR بروزرسانی نمیشند و منقضی شده بودن 
• مشکل دوم  PEAR این بود که کل پروژه را یکجا دانلود میکرد و به شما اجازه نمیداد بخشی از آن را که نیاز دارید به همراه وابستگی های ان دانلود و مدیریت کنید . 

 

- آموزش نصب کردن Composer : 

نصب کردن composer خیلی سادست من در زیر‌اموزش نصب را در سیستم عامل OSX گذاشتم و شما میتونید در ویندوز و لینوکس هم به سادگی نصب کنید . 

خب من از ترمینال استفاده میکنم که شما در ویندوز میتوانید از کامند پرامپ استفاده کنید .

 

$ curl -s https://getcomposer.org/installer | php  
$ sudo mv composer.phar /usr/local/bin/composer  
[/bash]

The first command downloads the composer.phar file to your computer. The second line moves the composer.phar file in to your bin so that is accessible globally on your computer.

Now run the following command:  
```bash  
$ composer  
[/bash]

If you have installed Composer successfully, you should be given a list of available commands and descriptions.

### Installing on Windows?

If you are looking to install Composer on a Windows machine, take a look at the guide on the [Composer website](http://getcomposer.org/).


## Using Composer

Now that you have Composer installed, you can use it to require some packages into your project. To make a Composer configuration file, we just need to make a JSON file in the root of the project.

For example, if you wanted to use [Slim Framework](http://slimframework.com/) you could create the following composer.json file.

```js  
{  
"require": {  
"slim/slim": "2.*"  
}  
}  

خب بعد از نصب کامپوزر شما میتوانید هر کد و فریمورک مربوط به پی اچ پی را بصورت کامل به همراه پیش نیاز ها یا وابستگی های انها نصب کنید مثلا برای نصب فریمورک slim میتوانید طبق دستورات زیر عمل کنید :‌

 $ composer install  
 [/bash]

This will automatically download Slim into your project under the directory vendor/slim/slim.

See, how easy was that?


## Autoloading

Now that you have all of these different packages, you need the ability to autoload them into your project. Fortunately Composer also comes with an autoload file, which is capable of autoloading any of the files in the projects that you download.

To use the Composer autoloader, simply include the following line in your project’s index or bootstrap file.

```php  
 require ‘vendor/autoload.php’;  

 

شما میتوانید بدون نگرانی از کتابخانه های موجود در پروژه خود استفاده کنید چون اگر وابستگی به پروژه یا کتابخانه ی دیگرم داشته باشد اینجاست که قدرت composer معلوم میشود . 

برای مثال کدهای زیر را ببینید :‌

// Autoload  
require ‘vendor/autoload.php’;

// Instantiate a Slim application  
$app = new \Slim\Slim();

// Define a HTTP GET route  
$app->get(‘/hello/:name’, function ($name) {  
echo "Hello, $name";  
});

// Run the Slim application  
$app->run();  

 

نتیجه گیری :‌

 

خب استفاده کردن از مدیریت بسته هایی مثل composer برای یک برنامه نویس پی اچ پی واقعا لازم است همانطور که زبان Ruby نشان داد استفاده کردن از یک برنامه ی مدیریت وابستگی ها چقدر به روند توسعه و راحت تر شدن برنامه نویسی کمک میکند . 

استفاده از برنامه ی مدیریت بسته ها در وقت و زحمت برنامه نویسان کلی صرفه جویی میکند به مثال اختراع دوباره چرخ فکر کنید ! 

بسیاری از فریمورک های محبوب کدهای خودشان را درون composer قرار داده اند و خیلی از کتابخانه های آماده که توسط برنامه نویسان نیز ساخته شده در composer آماده است تا شما استفاده کنید . 

بعنوان یک برنامه نویس php کامپوزر میتواند بهترین رفیق همراه شما باشد و میشه گفت بصورت روزانه مورد استفاده و مورد نیاز تمام برنامه نویسان php در سطح جهان است .

 

تمام .

 

---

مطالب زیر ممکن است برای شما مفید باشد

 آموزش ساخت سیستم ثبت نام در PHP و پایگاه داده MySQL کدایگنایتر یا لاراول ؟ کدام فریمورک پی اچ پی تماس با ما جانگو یا لاراول ؟ برنامه نویسان وب بخوانند مفاهیم موتور جستجو و آموزش ساخت موتور جستجو با PHP

محصولات برگزیده مناسب شما

 دوره ی آموزش ساخت فریمورک برای پی اچ پی با PHP MVC دوره ی پروژه محور ساخت هتلداری با php mvc دوره پروژه محور ساخت فروشگاه بامیلو با لاراول دوره ی آموزش کامل زبان پی اچ پی ( PHP )

پایان 👍

انتشار پروژه ی لاراولی روی هاست های اشتراکی

انتشار پروژه ی لاراولی روی هاست های اشتراکی 

 

در ابتدای این مقاله باید توجه کنید که فریمورک  لاراول بعنوان محبوب ترین فریمورک زبان برنامه نویسی PHP برای اجرای صحیح و درست بصورت زنده نیاز به دسترسی SSH دارد که روی سرور یا سرور مجاری مقدور است و معمولا این امکان توسط هاست های اشتراکی به شما داده نمیشود . 

اگر میخواهید بدون دردسر از لاراول استفاده کنید سرور مجازی یا سرور واقعی تهیه کنید اما بعضی اوقات شما هاست اشتراکی دارید و ناچارا باید روی آن لاراول را اجرا کنید . 

ابتدا نیازمندی های فریمورک لاراول برای سرور را ببیینیم : 

 

•  PHP 7.0.0 or Above و از لاراول نسخه ی 6.0 به بعد حداقل نسخه ی پی اچ پی  PHP 7.2  است 
• OpenSSL PHP Extension
• PDO PHP Extension
• Mbstring PHP Extension
• Tokenizer PHP Extension
• XML PHP Extension

برای اجرای کدهای php artisan شما نیاز به دسترسی SSH دارید که این مورد در هاست های اشتراکی به شما داده نمیشود پس برای استفاده از مایگریشن ها به مشکل میخورید و برای این هم یک راه حل دیگری داریم مقاله را ادامه دهید . 

 

ما در نظر میگیریم که شما برنامه نویسی پروژه ی خود با لاراول را تمام کرده اید و آماده آپلود آن روی هاست اشتراکی هستید . 

ما این آموزش را برای پروژه ای از لاراول که با نسخه ی ۵,۱ لاراول نوشته شده بود انجام دادیم و درست کار کرد و شما میتوانید برای نسخه های بالاتر هم تست کنید و در صورت اینکه کار کرد در کامنت ها اعلام کنید . 

خب فرض کنیم نام پروژه ی ما laravel۵۰ است و ساختار آن طبق تصویر زیر است :‌

 

 

نکته : به هیچ چیز دست نزنید حتی فایل htaccess و به همان صورت که هست بگذارید بماند . 

1. تمام فایل ها و فولدرهای درون پروژه خود را زیپ کنید و نام آنرا مثلا laravel50.zip بگذارید 
2. سی پنل مربوط به هاست اشتراکی که میخواهید پروژه ی خود را به آن منتقل کنید باز کنید  تصویر زیر را ببینید :‌
   
   
    
3. روی File Manager کلیک کنید 
4. روی Upload کلیک کنید 
5. فایل laravel50.zip که در مرحله ی 1 درست کردیم را آپلود کنید . توجه کنید که محل آپلود باید روت اصلی هاست شما باشد نه درون دایرکتوری public_html
6. فایل زیپ laravel50.zip را اکسترکت کنید و در نهایت سی پنل شما باید مشابه تصویر زیر باشد ‌:‌
   
   
7. پوشه ی laravel50 را باز کنید و محتویات درون پوشه ی public را به مسیر public_html هاست اشتراکی خود در سی پنل منتقل کنید بعد از انتقال محتویات شما میتوانید پوشه ی public خالی را حذف کنید .
8. به مسیر public_html در سی پنل بروید و فایل index.php را پیدا کنید و روی آن راست کلیک کنید سپس Code Edit را انتخاب کنید . 
9. یک پنجره ی جدید ادیت کد یا Code editor سی پنل برای شما باز میشود 
10. تغییرات زیر را در فایل انجام دهید و دو خط اول را به دو خط بعدی تغییر دهید البته این دو خط ممکن است در لاین شماره ی 22 و 36 شما باشد : 

    این دو خط را پیدا کنید : 
    
    `require __DIR__.'/../bootstrap/autoload.php';
     ...
     $app = require_once __DIR__.'/../bootstrap/app.php';`
    
    و به کد زیر تغییر دهید 
    
    `require __DIR__.'/../laravel50/bootstrap/autoload.php';
     ...
     $app = require_once __DIR__.'/../laravel50/bootstrap/app.php';`​

 

1. لطفا به محتویات درون htaccess دست نزنید ( البته مگر در موقعی که میدانید چیکار میکنید :) )
   محتویات درون فایل htaccess باید مشابه زیر باشد :‌

      `<IfModule mod_rewrite.c>
                     <IfModule mod_negotiation.c>
                     Options -MultiViews
                     </IfModule>
   
                     RewriteEngine On
   
                   # Redirect Trailing Slashes…
                     RewriteRule ^(.*)/$ /$1 [L,R=301]
   
                   # Handle Front Controller…
                     RewriteCond %{REQUEST_FILENAME} !-d
                     RewriteCond %{REQUEST_FILENAME} !-f
                     RewriteRule ^ index.php [L]
                     </IfModule>`​

    

2. اگر همه مراحل بالا را درست رفته باشید و به آدرس دامنه ی خود مثلا domain.com بروید با خطای پایگاه داده مواجه خواهید شد (البته اگر مدل در پروژه ی خود دارید و از دیتابیس استفاده میکنید) . نگران نباشید ! در ادامه نحوه ی ساختن پایگاه داده در هاست اشتراکی هم به شما آموزش داده خواهد شد . 
    

- Migrate کردن جداول پایگاه داده لاراول در هاست اشتراکی :‌

یکی از مزایای لاراول استفاده از سیستم مایگریشن هاست که به شما اجازه میدهد به سادگی جدول های دیتابیس را ایجاد و مدیریت کنید به سادگی یک خط کد میتوانید جداول را بسازید :‌ php artisan migrate
از آنجایی که ما روی هاست اشتراکی هستیم و دسترسی هم به SSH نداریم خب تصور کنیم حداکثر ده جدول داریم این کار به سادگی قابل انجام است . 

 

- ساختن دیتابیس در هاست اشتراکی 

1. در سی پنل شما یک ابزاری به نام PHPMyAdmin نصب شده است و در اکثر سی پنل ها ابزار Mysql Database Wizard وجود دارد . برای ساخت پایگاه داده و همچنین کاربران پایگاه داده از Mysql Database wizard میتوانید استفاده کنید . پس یک پایگاه داده و یک کاربر بسازید و به همدیگر متصل کنید و مجوز های لازم را به آنها بدهید ( درباره ی نحوه ی ساختن پایگاه داده با mysql database wizard سرچ کنید ). توجه کنید که نام کاربری پایگاه داده و رمز آنرا نگهدارید چون به زودی به انها نیاز دارید . 
    
2. از PHPMyAdmin استفاده کنید تا جدول های خودتان را بسازید . برای عملکرد بهتر PHPMyAdmin روی ماشین لوکال خود را باز کنید و طبق آن پیش بروید و دقیقا ساختاری که در پایگاه داده موجود در ماشین لوکال ساخته شده است را در سی پنل بسازید . 
   
   
3. البته یک راه دیگر هم است . میتوانید پایگاه داده را از لوکال export بگیرید و در هاست اشتراکی import کنید . برای این کار رو ماشین لوکال خود وارد PHPMyAdmin شوید و یک خروجی از بخش Export بگیرید . 
   
   
   بعد از اینکه export را انجام دادید یک فایل دیتابیس به شما تحویل داده میشود . خب وقت آن است که آنرا در هاست اشتراکی خودمان import کنیم . 
   

اگر با موفقیت عمل ایمپورت انجام بگیرد پیام موفقیت آمیز بودن نمایش داده میشود . 

 

در سی پتل هاست اشتراکی خود به فولدر laravel۵۰ بروید و یا هر مسیری که برای پروژه ی خود در هاست اشتراکی استفاده کردید و سپس به مسیر config/database.php بروید . روی این فایل راست کلیک کنید و Code Edit را انتخاب کنید . و در خط ۵۵ شما تنظیمات دیتابیس MySQL  را مشاهده میکنید .

نام کاربری و پسورد MySQL را به نام کاربری و پسوردی که موقع ساختن دیتابیس تعریف کردید تغییر دهید . 

خب پایگاه داده هم ساخته شد و اگر تمام مراحل را درست رفته باشید لاراول شما با موفقیت به هاست اشتراکی منتقل شد و باید الان سایت را ببینید .

 

تمام 

---

مطالب زیر ممکن است برای شما مفید باشد

 بررسی اپلیکیشن دیجی کالا - کشف زبان برنامه نویسی این اپلیکیشن آموزش متغیرها در کاتلین ، انواع آنها و تبدیل متغیرها آموزش ساخت اسلایدر تصاویر اپ اندرویدی با زبان Kotlin kotlin یا جاوا ؟ برای برنامه نویسان اندروید مسئله این است ! این ۸ چیر رو باید همه برنامه نویسا بدونن !

محصولات برگزیده مناسب شما

 دوره ی طلایی لاراول 6 دوره ی آموزش ساخت اپ گالری تصاویر آنلاین با کاتلین دوره ی آموزش پروژه محور ساخت دیجیکالا به همراه اپ و سورس کامل دوره ی آموزش پروژه محور ساخت آپارات با اپلیکیشن موبایل و سورس کد آماده

پایان 👍

طراحی های پیچیده اپلیکیشن های اندرویدی با Constraint Layout

Constraint Layout یک ViewGroup هست . ViewGroup به معنی یک view هست که با هدف نگهداری دیگر view ها ساخته شده است . درست مثل LinearLayout و RelativeLayout که ViewGroup هستند . 

Constraint Layout به برنامه نویس اپ های اندرویدی کمک میکند تا طراحی های پیچیده و بزرگ را به سادگی انجام دهند که بر سلسله مراتب flat یا طراحی مسطح استوار است . 

همچنین به برنامه نویس اندروید اجازه میدهد تا ویجت های گرافیکی خود را بصورت کاملا انعطاف پذیر بچیند و سایز آنها را تغییر دهد . 

Constraint Layout برای جلوگیری از ویوهای تو در تو و شلوغ و همچنین برای بالا بردن پرفرمنس layout های اندرویدی ساخته شده است . 

 

میشه گفت ConstraintLayout مشابه RelativeLayout است بخاطر اینکه ویو ها در ارتباط با ویو های دیگر یا ویو والد یا parent view هستند ولی خب ConstraintLayout خیلی پیشرفته تر و انعطاف پذیرتر است و همچنین با Layout Editor  اندروید استودیو بهتر میتوانید ویوها و طرح گرافیکی اپلیکیشن خود را مدیریت کنید . 

ConstraintLayout در مراسم Google I/O ۲۰۱۶ معرفی شد و از نسخه ی  ۲,۳ و نسخه های بالاتر در محیط اندروید استودیو پشتیبانی میشود .

 

- مزایای استفاده از ConstraintLayout نسبت به دیگر Layout های اندرویدی

1. یکی از مزایای استفاده از constraintlayout این است که شما میتوانید با چند خط کد انیمیشن به Layout خود اضافه کنید . 
2. شما به راحتی میتوانید رابط کاربری دلخواه خود را با درگ و دراپ کردن در محیط اندروید استودیو بسازید .
3. شما می توانید از طریق یک خط کد اتفاقات مربوط به ویجت های درون یک ViewGroup خاص  کنترل کنید.
4. استفاده از Constraint Layout باعث میشود گرافیک یا رابط کاربری اپلیکیشن شما پرفرمنس بهتری داشته باشد . 

 

- استفاده از Constraint Layout  در اندروید استودیو 

 

خب Constraint Layout داخل SDK اندروید قرار نگرفته است بلکه بعنوان یک کتابخانه ی support library به پروژه شما اضافه میشود . به همین دلیل ، هر بروزرسانی در آینده با تمام نسخه های Android سازگار خواهد بود.

ابتدا برای استفاده از Constraint Layout مطمئن شوید ریپوزیتوری زیر در فایل build.gradle شما وجود دارد اگر وجود نداشت اضافه کنید :‌
 

repositories {
    maven {
        url 'https://maven.google.com'
    }
}

 

حالا برای اینکه از ConstraintLayout استفاده کنیم باید کتابخانه ی آنرا به build.gradle (Module app) قسمت dependencies اضافه کنیم . در زیر نحوه ی اضافه کردن آنرا در فایل گردل مشاهده میکنید :‌ 

dependencies {
    compile 'com.android.support.constraint:constraint-layout:1.1.0-beta3'
}

- حالت Design یا Blueprint در Android Studio
 

در بخش دیزاین layout های اپلیکیشن اندرویدی در محیط Android Studio دو حالت وجود دارد که میتوانید استفاده کنید یکی حالت Desing و دیگری حالت Blueprint که البته این دو را باهم میتوانید استفاده کنید . 

نکته : برای استفاده از ConstraintLayout بهتر است هر دو حالت Desing و Blueprint را در کنار هم استفاده کنید . در این آموزش ما دو حالت را در کنار هم استفاده خواهیم کرد . 

در تصویر زیر هر دو حالت را در محیط اندروید استودیو مشاهده میکنید :‌

 

 

-  نقاط Anchor و Handle های Constraint Layout  چیست ؟ 

 

فرض کنید ما یک TextView را به صفحه درگ میکنیم و درون ConstraintLayout قرار میدهیم بلافاصله یک خطایی نمایش داده خواهد شد و متن خطا هم یه چیزی مثل “This view is not constrained…” است .

خب این خطا به این معنی است که view جدیدی که داخل ConstraintLayout قرار گرفته است هنوز Constrain نشده است و باید این موضوع را حل کنیم یعنی اینکه برای نمایش درون یک ConstraintLayout یک سری کارها باید انجام بدیم که اگر اینکارها را نکنیم view های ساخته شده درون ConstraintLayout قابل رندر و نمایش نخواهند بود  . 

تصویر زیر را ببینید : 

 

خب حالا اگر در اطراف TextView با ماوس حرکت کنیم نقاطی مشخص میشود که به آنها نقاط handles و anchor  در Constraint Layout گفته میشود . تصویر زیر را مشاهده کنید : 

 

حالا روی هر کدام از نقاط که کلیک کنید و درگ کنید میتوانید آن نقاط را به یک چیزی در اطراف وصل کنید . 

نکته مهم :  شما حتما باید دو نقطه از ویوهای خود را به جایی وصل کنید تا آن ویو Constrained شود و خطا به شما نمایش داده نشود . 

Resize handle  : این هندل یا کنترل کننده ها مخصوص تغییر سایز یک ویو هستند . برای تغییر سایز ویو شما میتوانید از کنترل کننده هایی که در گوشه های ویو پیدا میشود استفاده کنید . البته این را در نظر داشته باشید که این کنترل کننده ها حالت Constraint ویو را حفظ میکنند و به شما اجازه میدهند UI اپ خود را هر چه بهتر طراحی کنید . تصویر زیر را ببینید : 

Side handle : این هندل ها یا کنترل کننده ها همان هندل های گرد هستند که وظیفه شان مشخص کردن اتصال بالا پایین چپ و راست مربوط به constraint نسبت به اشیا اطراف است .. یعنی یک جور سیم اتصال به بقیه اشیا هست که سر جای خودش ثابت بشه :)

 

- ویژگی ها یا Attribute های مربوط به ConstraintLayout در طراحی اپلیکیشن های اندرویدی 

 

سمت راست اندروید استودیو شما یک پنجره مشاهده میکنید که attribute نام دارد و جزئیات مربوط ویو هایی را در اختیار ما میگذارد که در ConstraintLayout استفاده کردیم . 

شما میتوانید سایز یک عنصر را با کلیک کردن چهار فلش در اطراف از wrap_content به match_constrained یا یک سایز ثابت یا هر چیز خاص دیگری تغییر دهید . 

Bias بخشی است که در تصویر زیر هم مشخص شده است که محل قرار گیری یک ویو در بین constraint های خودش کجا قرار میگیرد . 

بصورت پیشفرض مقدار Bias روی ۵۰ ٪ است ولی میتوانید آنرا تغییر دهید . 

نکته ی مهم : دست یابی به چیزی مثل Bias در LiearLayout و RelativeLayout سخت است . 

 

 

- پاک کردن Constraint در یک ConstraintLayout : 

برای پاک کردن یک اتصال Constraint به راحتی میتوانید روی هندل یا کنترل کننده ی آن کلیک کنید تا اتصال رها شود مثل تصویر زیر :‌

ابزارهای مختلف دیگر در طراحی با ConstraintLayout :‌

شما همچنین میتوانید از ابزار Autoconnect استفاده کنید تا محیط اندروید استودیو ارتباطات خودکار ایجاد کند . دکمه ی clear all constraints  باعث میشود تمام ارتباطات constraints بین ویو و ویوهای اطراف پاک شود و ابزار بعدی که در تصویر هم مشاهده میکنید infer constraint نام دارد و باعث میشود تمام ویوهای موجود در صفحه بصورت خودکار خاصیت Constraint بگیرند . در تصویر زیر محل دستیابی به این سه ابزار را میبینید :‌

 

- موقعیت های وابسته در Constraint Layout : 

 

موقعیت گیری وابسته یکی از مهم ترین نوع طراحی در Constraint Layout است و بعنوان اساس طراحی با Constraint Layout در نظر گرفته شده است . یکی از تفاوت های این نوع طراحی در وابسته بودن موقعیت ویو ها به دیگر ویو ها است . 

موقعیت گیری وابسته روی محور عمودی و افقی کاربرد دارد . 

با استفاده از وابستگی افقی شما میتوانید موقعیت راست و چپ یا start و end یک ویجت گرافیکی نسبت به یک ویجت یا ویو دیگر را مشخص کنید و همینطور هنگام استفاده از وابستگی عمودی شما میتوانید میزان بالا و پایین یک ویجت گرافیکی را مشخص کنید . 

بیایید این مفهوم را با استفاده از یک مثال واقعی درک کنیم . در مثال زیر ما دو عدد TextView داریم . در TextView اولی متن hello و در TextView دوم عبارت avasam را مینویسیم . 

موقعیت قرار گیری متن avasam را سمت چپ متن hello قرار میدهیم که در کدهای زیر مشاهده میکنید .

textview۱ در سمت چپ textview۲ است و بعنوان constrain برای textview۱ است . 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello "/>

    <TextView
        android:id="@+id/textview2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@id/textview1"
        android:text="avasam"/>
</android.support.constraint.ConstraintLayout>

 

نکته ی مهم : برای معین کردن موقعیت قرار گیری یک view در ConstraintLayout شما باید حداقل یک constraint افقی و یک constraint عمودی تعریف کنید . هر constraint موقعیت افقی و عمودی یک view را مشخص میکند بنابراین تعریف هر view باید حداقل یک constraint در محور افقی و عمودی داشته باشد تا مشخص شود در چه موقعیتی باید قرار بگیرد اما اغلب تعداد constraint ها بیشتر از یک عدد است  . 

خب در زیر چند مورد آورده ایم که اینها یک view را در یک محدوده مشخص نسبت به دیگر عناصر روی اپلیکیشن قرار میدهند . 

• layout_constraintLeft_toLeftOf : مرز سمت چپ این عنصر را وابسته به موقعیت مرز سمت چپ یک عنصر دیگر مشخص میکند .
• layout_constraintLeft_toRightOf : مرز سمت چپ این عنصر را وابسته به موقعیت مرز سمت راست یک عنصر دیگر مشخص میکند .
• layout_constraintRight_toLeftOf : مرز سمت راست این عنصر را وابسته به موقعیت مرز سمت چپ یک عنصر دیگر مشخص میکند .
• layout_constraintRight_toRightOf : مرز سمت راست این عنصر را وابسته به موقعیت مرز سمت راست یک عنصر دیگر مشخص میکند .

 

- زنجیرهای اتصال یا chain ها در ConstraintLayout : 

 

زنجیره های اتصال یا اصطلاحا chain ها به ما این اجازه را میدهد که فضای خالی بین عناصر را کنترل کنیم و عناصر را به همدیگر متصل کنیم . 

برای ساختن یک chain جدید روی عناصری که میخواهید به هم متصل کنید راست کلیک کنید و “Chain” و  سپس “Create Horizontal or Vertical Chain” را انتخاب کنید . تصویر زیر را ببینید :‌

استایل های مختلفی برای اعمال روی chain وجود دارد از جمله : 

• spread
• spread_inside 
• packed

که در تصویر زیر مشاهده میکنید : 

شما میتوانید chain افقی و عمودی را بصورت همزمان اعمال کنید . 

در زیر کد نمونه ی XML استفاده از chain ها در Constraint Layout را مشاهده میکنید : 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    tools:layout_editor_absoluteY="81dp">

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/button6"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toEndOf="@+id/button5"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

- استفاده از خطوط راهنما یا guideline در طراحی ConstraintLayout : 

در طراحی لیوت مربوط به اپلیکیشن های خود که از ConstraintLayout استفاده میشود میتوانید از خطوط راهنمایی عمودی و افقی نیز بهره ببرید . 

این خطوط به شما کمک میکند در ایجاد رابطه های constraint در طراحی اپلیکیشن خود نیز بهتر عمل کنید و همچنین ارتباط constraint بین عنصر گرافیکی و خط راهنما ایجاد کنید ،  تصویر زیر را مشاهده کنید :‌

 

 

نکته ی مهم : اگر شما خاصیت margin یا percentage هر یک از خطوط راهنما یا guideline را تغییر دهید بصورت خودکار به تمام عناصر متصل به این خط راهنما نیز اعمال خواهد شد . 

- درصد دهی به ابعاد یک  ConstraintLayout : 

یک خاصیتی وجود دارد به نام app:layout_constraintWidth_default که اگر مقدار percent به آن اختصاص داده شود به شما اجازه میدهد که بصورت درصد بخشی از فضا را به constraintLayout خود اختصاص دهید . کدهای زیر را بررسی کنید :‌

<!-- the widget will take 80% of the available space -->

app:layout_constraintWidth_default="percent"
app:layout_constraintWidth_percent="0.8"

 

- Barrier ها در ConstraintLayout ها :‌

Barrier موانع هستند یعنی اجازه نمیدهند که یک عنصر یا ویجت از روی آن رد شود . وقتی یک عنصر بخواهد از روی Barrier رد شود Barrier خودش را جابجا میکند و این اجازه را نمیدهد تا عنصر گرافیکی از روی آن رد شود . 

 

در زیر مثالی از نحوه ی استفاده Barrier در ConstraintLayout را میبینید و میتوانید از کدها استفاده کنید 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    tools:layout_editor_absoluteY="81dp">


    <Button
        android:id="@+id/button13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="Button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="Barriers avoid overlapping of elements"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button13" />

    <android.support.constraint.Barrier
        android:id="@+id/barrier8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:barrierDirection="right"
        app:constraint_referenced_ids="button13,textView8"
        tools:layout_editor_absoluteY="511dp" />

    <Button
        android:id="@+id/button14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:text="Button"
        app:layout_constraintStart_toEndOf="@+id/barrier8"
        tools:layout_editor_absoluteY="34dp" />
</android.support.constraint.ConstraintLayout>

- گروهبندی یا group کردن در  ConstraintLayout :‌

گروه یا group کردن روشی است که اجازه میدهد در برنامه نویسی اندروید بتوانید دسته ای از ویجت های گرافیکی را در کنار هم قرار دهید و بصورت ساده همه ی آنها را یکجا کنترل کنید . 

برای تمرین کردن این بخش بهتره داخل یک پروژه با یک اکتیویتی یا فرگمنت پر از ویجت های مختلف قرار دهید یا حتی یک ViewGroup دستی بسازید و چند ویجت داخلش ادد کنید . با این تمرین شما بهتر یاد میگیرید که چطور گروه ها را مدیریت کنید . خب اگر بخواهید تمام ویجت های درون یک گروه را کنترل کنید کافیست آیدی ویجت ها را بعنوان اعضای درونی گروه معرفی کنید و سپس تنظیم را برای کل ویجت های درونی اش اعمال کنید . 

 

در کدهای XML که در زیر آمده است مثالی برای نحوه ی استفاده از ویوگروپ ها یا گروه بندی ویجت های گرافیکی درون ConstraintLayout میبینید ما مقدار visibility دو Button را invisible تنظیم کردیم :

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    tools:layout_editor_absoluteY="81dp">


    <Button
        android:id="@+id/button15"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        tools:layout_editor_absoluteX="44dp"
        tools:layout_editor_absoluteY="28dp" />

    <Button
        android:id="@+id/button16"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        tools:layout_editor_absoluteX="89dp"
        tools:layout_editor_absoluteY="118dp" />

    <android.support.constraint.Group
        android:id="@+id/group"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="invisible"
        app:constraint_referenced_ids="button16,button15" />
</android.support.constraint.ConstraintLayout>

 

- مثال نهایی برای نحوه ی استفاده کردن از ConstraintLayout در Android Studio : 

در مثال پایانی این مقاله ما یک صفحه ی Login بسیار ساده با استفاده از Constraint Layout میسازیم ما از ویجت های  ImageView, EditText, Button و TextView استفاده میکنیم تا layout زیر را طراحی کنیم :‌

قدم اول : یک پروژه جدید اندروید استودیو بسازید و نام آنرا ConstraintLayout بذارید و یک اکتیویتی Main Activity بسازید و در بخش layout ها ، layout اکتیویتی اصلی خود را پیدا کنید و کدهای زیر را داخلش بنویسید( اگر وجود نداشتند) : 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#80C938">

</android.support.constraint.ConstraintLayout>

قدم دوم : view های دیگر را اضافه کنیم  (imageview, edittext, button و textview) و بعد constraints افقی و عمودی آنها را نیز اضافه کنید تا خاصیت Constraint به خود بگیرند مثل کدهای زیر :‌

<ImageView
android:layout_width="146dp"
android:layout_height="100dp"
android:src="@drawable/abhi_android"
android:id="@+id/imageView"
android:layout_marginTop="96dp"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginEnd="16dp"
app:layout_constraintRight_toRightOf="parent"
android:layout_marginRight="16dp"
android:layout_marginStart="16dp"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginLeft="16dp" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/editText"
android:layout_marginStart="16dp"
android:padding="12dp"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
app:layout_constraintRight_toRightOf="parent"
android:layout_marginRight="16dp"
android:hint="Email"
android:background="#ffffff"
android:layout_marginTop="232dp"
app:layout_constraintTop_toTopOf="parent" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPassword"
android:ems="10"
android:id="@+id/editText2"
android:padding="12dp"
android:background="#ffffff"
android:layout_marginEnd="16dp"
app:layout_constraintRight_toRightOf="parent"
android:layout_marginRight="16dp"
android:layout_marginStart="16dp"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginLeft="16dp"
android:hint="Password"
android:layout_marginTop="304dp"
app:layout_constraintTop_toTopOf="parent" />

<Button
android:text="SIGN IN"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#00773F"
android:id="@+id/button1"
android:layout_marginStart="16dp"
android:paddingLeft="30dp"
android:paddingRight="30dp"
android:textColor="#ffffff"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginLeft="16dp"
android:layout_marginEnd="16dp"
app:layout_constraintRight_toRightOf="parent"
android:layout_marginRight="16dp"
android:layout_marginTop="408dp"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:text="Don't have an account?"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:layout_marginEnd="16dp"
app:layout_constraintRight_toRightOf="parent"
android:layout_marginRight="16dp"
android:layout_marginStart="16dp"
android:textColor="#aaffffff"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_marginLeft="16dp"
android:layout_marginTop="480dp"
app:layout_constraintTop_toTopOf="parent" />

قدم سوم : کد کامل نمونه برای طراحی Constraint Layout : 

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/constraintLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#80C938">

<ImageView
        android:layout_width="146dp"
        android:layout_height="100dp"
        android:src="@drawable/abhi_android"
        android:id="@+id/imageView"
        android:layout_marginTop="96dp"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"
        android:layout_marginStart="16dp"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/editText"
        android:layout_marginStart="16dp"
        android:padding="12dp"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"
        android:hint="Email"
        android:background="#ffffff"
        android:layout_marginTop="232dp"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:ems="10"
        android:id="@+id/editText2"
        android:padding="12dp"
        android:background="#ffffff"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"
        android:layout_marginStart="16dp"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp"
        android:hint="Password"
        android:layout_marginTop="304dp"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:text="SIGN IN"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00773F"
        android:id="@+id/button1"
        android:layout_marginStart="16dp"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        android:textColor="#ffffff"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"
        android:layout_marginTop="408dp"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:text="Don't have an account?"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"
        android:layout_marginStart="16dp"
        android:textColor="#aaffffff"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="480dp"
        app:layout_constraintTop_toTopOf="parent" />


</android.support.constraint.ConstraintLayout>

 

خب حالا اگر برنامه را اجرا کنید یا بدون اجرا کردن برنامه و با رفتن به بخش ویو طراحی layout در اندروید استودیو میتوانید نتیجه را ببینید ، نتیجه یک صفحه ی لاگین با استفاده از Constraint Layout است . 

 

خب این مقاله تمام شد ولی بهتره چند نکته ی مهم را هم درباره ی  Constraint Layout  ها بگیم : 

• برای استفاده از ConstraintLayout باید نسخه ی اندروید استودیو شما بالای 2.3 باشه 
• باید ابتدا کتابخانه ی ConstraintLayout را به گردل اضافه کنید تا بتونید استفاده کنید 
• شما باید حداقل یک constraints افقی و یک constraints عمودی برای view های خود اضافه کنید 

 

خب در نهایت نتیجه میگیریم که Constraint Layout سریعتر است و برای طراحی های پیچیده  و ظریف گرافیک یا رابط کاربری اپلیکیشن های اندرویدی خوب است . 

موفق باشید

تمام .

 

 

---

مطالب زیر ممکن است برای شما مفید باشد

 آموزش ساخت اسلایدر با Viewpager برای اپ های اندرویدی در محیط android studio برنامه نویسی سوکت در جاوا آموزش کامل کار با Retrofit 2.x بعنوان یک کلاینت REST Flutter یا React Native از دید یک توسعه دهنده ساخت موزیک پلیر در اندروید استودیو

محصولات برگزیده مناسب شما

 دوره ی آموزش ساخت اپ گالری تصاویر آنلاین با کاتلین دوره ی پروژه محور ساخت سایت و اپ دیوار با سورس دوره ی پروژه محور ساخت سایت و اپ مارکت بازار با سورس کامل دوره ی آموزش برنامه نویسی اندروید با جاوا و android studio

پایان 👍

چرا باید از Node.js استفاده کنیم ؟‌ ( بررسی کلی )

 

 

نود جی اس ( Node.js ) چیست ؟‌

 

محبوبیت جاوا اسکریپت باعث تغییرات زیادی در این زبان شد و شکل توسعه ی وب سایت ها امروزه تغییر یافته است . همانطور که جاوااسکریپت قبلا برای مرورگر یا سمت کلاینت یک وب سایت کاربرد داشت امروزه جاوا اسکریپت یک زبان سمت سرور یا بک اند هم محسوب میشود . 

این درحالی است که چند سال پیش که دنیای وب با Flash و Java Applet ها محصور شده بود . 

 

خب همانطور که در ویکیپدیا نوشته شده است :‌ 

 

نود. جی‌اس (به انگلیسی: Node.js) یک محیط اجراییِ سمت سرورِ متن‌باز و چندسکویی برای زبان جاوااسکریپت است. از لحاظ تاریخی از جاوااسکریپت در درجهٔ اول به عنوان یک زبان اسکریپت‌نویسی سمت کاربر به این صورت استفاده می‌شد که اسکریپت‌های نوشته شده با جاوااسکریپت درون صفحات اچ‌تی‌ام‌ال جاسازی می‌شدند و سپس این اسکریپت‌ها توسط یک موتور جاوااسکریپت در مرورگر وب کاربر پردازش می‌شد. نود. جی‌اس امکان استفاده از جاوااسکریپت برای نوشتن اسکریپت‌های سمت سرور را فراهم می‌کند تا بدین صورت بتوان با آن صفحات وب پویا را قبل از فرستادن آن به مرورگر کاربر تولید کرد. در نتیجه نود. جی‌اس به یکی از المان‌های اصلی در پارادایمِ «جاوااسکریپت در همه جا» تبدیل شده‌است که در آن به جای استفاده از زبان‌های برنامه‌نویسی مختلف در نوشتن اسکریپت‌های سمت سرور، از یک زبان واحد برای توسعهٔ برنامه‌های کاربردی وب استفاده می‌شود.

 

بعد از ۲۰ سال ، که ارتباط وب با سرور یک طرفه بود حالا تکنولوژی داریم که با آن میتوانیم اپلیکیشن های تحت وب بصورت Real Time یا با ارتباط دو طرفه بسازیم . 

 

در یک جمله : نود جی اس در پیاده سازی اپلیکیشن های real-time درخشید و تکنولوژی وب را به سمت وب سوکت ها هدایت کرد . 

در حقیقت نود جی اس به توسعه دهنده کمک میکنند تا ارتباط یک طرفه بین سرور و کلاینت را باز نگه دارد تا تغییرات را بصورت آنی مشاهده کند مثل یک برنامه ی چت مثل تلگرام و واتس اپ و ...

 

ممکنه شخصی ادعا بکنه که این کارها را قدیم با Flash یا Java Applets هم انجام میدادیم اما در واقعیت اینها محیط های sandbox بودند که از وب بعنوان پروتکل ارسال اطلاعات به کلاینت استفاده میکرد ، بعلاوه آنها در یک محیط ایزوله شده و اکثرا از طریق پورت های غیراستاندارد کار میکردند که ممکن بود به مجوز های اضافی هم نیاز داشته باشند . 

 

جالب است بدانید ، بک اند یا سمت سرور بسیاری از سرویس ها و محصولات  شرکت های بزرگ از نود جی اس استفاده میکنند .

خب در این مقاله درباره ی اینکه نود جی اس چه مزایایی میتواند داشته باشد و چرا باید از نود جی اس استفاده کنید یا نکنید بحث خواهیم کرد . 

 

10 دلیل برای اینکه Nodejs را باید یاد بگیرید 

 

1 - Node.js بسیار سریع است :‌

 

Node.js از موتور V۸  گوگل استفاده میکند . موتور V۸ گوگل کدهای جاوااسکریپت را کدهای محلی ماشین کامپایل میکند و با سرعت بسیار بالایی اجرا میشود و به همین خاطر است که Node.js پرسرعت تر از بقیه فریمورک هاست . 

Node.js به تیم های برنامه نویسی و شرکت ها ، کمک می کند تا برنامه های سریع و انعطاف پذیر تحت شبکه بسازند که بتوانند اتصالات موازی را با توان بالا انجام دهند .

طبق گزارش شرکت PayPal این شرکت ، بعد از کوچ کردن سیستم هایشان به Node.js مدت زمان پاسخگویی سرویس هایش طی یک ثانیه ،  در حالیکه درخواست ها دوبرابر قبل شده بود ،  ۳۵% کاهش داشته  . 

 

2 - Node.js برنامه نویسان را به اشتراک گذاری کدهایشان ترغیب میکند :‌

 

Node.js سعی دارد برنامه نویسان را به NPM یا نود پکیج منیجر نزدیک کند  . این مخزن دارای بیش از ۵۰،۰۰۰ پکیج آماده است که به برنامه نویسان کمک میکند تا کارهای خود را خیلی سریع پیش ببرند . 

با استفاده از NPM برنامه نویسان میتوانند کدها را بروزرسانی کنند ، به اشتراک بگذارند یا مجدد استفاده کنند ، بدون اینکه زحمت خاصی بکشند . 

 

3 - با Node.js میتوانید اپلیکیشن های تحت وب RealTime بنویسید که پرفرمنس بالاتری داشته باشد :‌

 

Node.js ابزارهای خیلی خوبی دارد تا بتوانید یک اپلیکیشن مثل چت یا بازی انلاین بسازید که بصورت real-time با سرور در ارتباط است . 

همچنین Node.js برای برنامه هایی کاربرد دارد که event-based هستند مثل non-blocking driven server ها . 

 

4 - زبان برنامه نویسی یکسان در دو طرف اپلیکیشن های Real-Time  ( کلاینت و سرور )‌  : 

 

توسعه دهندگان Node.js با کدهای جاوا اسکریپت هم سمت سرور و هم سمت کلاینت میتوانند کد نویسی کنند و این امر باعث آسانی مبادله اطلاعات بین کلااینت و سرور میشود . 

واحد بودن زبان برنامه نویسی سمت سرور و سمت کلاینت برای یک توسعه دهنده بعنوان یک شتاب دهنده میباشد که از صرف کردن وقت برای یادگیری یک زبان برنامه نویسی دیگر جلوگیری میکند . 

تصور کنید فریمورکی را انتخاب کردید که اساس کدنویسی سمت سرور و کلاینتش یکسان است و این خیلی برای راحتی برنامه نویس مهم است که زبان دیگری یاد نگیرد . 

 

5 - استریم کردن خوب داده ها در Node.js :

 

دیگر فریمورک های وب به درخواست و پاسخ مبتنی بر HTTP بعنوان دیتا ابجکت نگاه میکنند اما Node.js در کنترل  I/O بسیار خوب عمل میکند . بنابراین ما می توانیم از این مزایا بهره ببریم و اپلیکیشن های پیشرفته تری مبتنی بر شبکه بسازیم . 

مثلا می توانید هنگام بارگذاری یک فایل صوتی و تصویری را رمزگذاری کنید ، Node.js همچنین می تواند با  WebSocket ها ارتباط برقرار کند تا بتوانید اطلاعات روی HTTP  را بخواند و بنویسد.

 

6 - هر برنامه نویس جاوا اسکریپت را میشناسد :‌

 

تقریبا میشه گفت همه ی برنامه نویس ها با جاوااسکریپت آشنا هستند و حداقل یکبار با آن کدنویسی کرده اند ، میشه گفت حداقل یکبار یک پلاگین جیکوئری را دستکاری کردن ! 

پیدا کردن برنامه نویس و توسعه دهنده ی وب که حرفه ای باشد کمی دشوار است . خب چرا از یک زبانی استفاده نکنیم که همه با آن آشنا هستند ؟ اینطوری سریعتر هم میشه یک برنامه نویس واسه ی آن زبان پیدا کرد . این مزیت جاوااسکریپت به پای Node.js هم نوشته میشود . 

 

7 - Node.JS برای هاستینگ :

 

با پذیرفته شدن سریع Node.js از طرف توسعه دهندگان و شرکت های بزرگ ، سرویس دهنده های هاستینگ شروع به سرویس دهی به نود جی اس کردند . 

برای نصب Node.js روی هاست های اشتراکی شما باید دسترسی به SSH داشته باشید اگر SSH در پنل مدیریتی هاست شما وجود ندارد یا فعال نیست با پشتیبان سرویس دهنده ی خود صحبت کنید

اما اگر از سرور مجازی یا سرور شخصی استفاده کنید مسئله ای وجود نخواهد داشت و به راحتی میتوانید Node.js را اجرا کنید . 

سرویس دهنده های Platform as a Service (PaaS) در سطح جهانی نیز به فکر ایجاد بستر مناسب برای توسعه ی Node.js هستند . 

 

8 - Node.js باعث افزایش بهره وری میشود : 

 

بهره وری Node.js از دو جنبه قابل بررسی است . یکی اینکه توسعه دهنده به دلیل وجود خطاهای Run Time بهره وری بالاتری خواهد داشت و دوم اینکه شرکت های بزرگ میتوانند تیم های مجزای فرانت اند و بک اند را در یک گروه جمع کنند تا پروژه سریعتر و بهتر به نتیجه برسد . 

 

9 - سرور Node.js بعنوان Proxy - برنامه نویسان سرور Node.js را استخدام کنید :‌

 

همانطور که قبلتر دیدیم Node.js مشخص کرد که در اکثر سیستم های مدیریت با مدت زمان پاسخگویی بسیار کمتری کاربرد دارد  .به همین ترتیب Node.js می تواند برای stream کردن اطلاعات از منابع مختلف مورد استفاده قرار گیرد.

 

10 -  پشتیبان و حمایت کننده ی Node.js  

 

اگر شما از فریمورک های اوپن سورس استفاده کرده باشید ممکن است توسط سازندگان آزاد و داوطلب خودش رها شده باشد ولی Node.js توسط Joynet  حمایت میشود . 

 

خب ده دلیل خوب آوردیم برای اینکه Node.js را یاد بگیرید . هم اکنون شروع کنید و مطمعن باشید در مدت زمان کم میتوانید به آن مسلط شوید فقط از یک منبع خوب ، با کیفیت و ترجیحا فارسی برای شروع استفاده کنید  . 

تمام  

---

مطالب زیر ممکن است برای شما مفید باشد

 5 دلیل برای اینکه با جاوا اسکریپت کار کنید Express.js چیست و چرا انقدر مهمه ؟‌ رادیو صفر و یک - پادکست شماره ی 9 ام - اینترنت بی اینترنت رادیو صفر و یک - پادکست شماره ی 3 ام - شرکت جت برینز و محصولاتش برای برنامه نویسان رادیو صفر و یک - پادکست شماره ی 5 ام - دیپ فیک چیست ؟‌ آخرین مرز میان حقیقت و دروغ

محصولات برگزیده مناسب شما

 کارگاه آموزشی کار با Grunt js کارگاه آموزشی نحوه ی آپدیت ورژن فریمورک laravel دوره ی آموزش لینوکس اوبونتو کارگاه آموزش کار با API های اینستاگرامی

پایان 👍

ساخت عملیات swipe حذف آیتم های recyclerview مثل اپ GMAIL

در این مقاله ی آموزشی قصد داریم به شما یاد بدیم چطور روی آیتم های یک recyclerview عمل swipe به چپ یا راست را انجام دهید و بعد از swipe کردن کاربر آنرا حذف کنید . درست مثل اپلیکیشن اندرویدی GMail . 

در این مقاله یاد میگیرید چطور یک آیتم را هنگام swipe پاک کنید و بعد از پاکسازی Undo هم برای لغو حذف نمایش دهید . 

از نظر UX برای کاربران اپلیکیشن ها ، swipe کردن روی آیتم ها برای حذف کردن آنها بسیار راحت و دلچسب تر خواهد بود . 

شما میتوانید از این آموزش برای تغییرات شخصی خودتان نیز به سادگی استفاده کنید . 

 

خب بیایید شروع کنیم 

 

قدم ۱ - پروژه جدید کاتلین بسازید :

 

در محیط اندروید استودیو خودتان یک پروژه جدید بسازید و یک اکتیویتی empty جدیدی بسازید . و یادتون نره موقع ساختن پروژه کاتلین رو بعنوان زبان برنامه نویسی انتخاب کنید . 

حالا فایل  build.gradle(Module: app) را باز کنید و کدهای زیر را بهش اضافه کنید 

implementation 'com.android.support:recyclerview-v7:28.0.0'
implementation 'com.android.support:cardview-v7:28.0.0'
implementation 'com.android.support:design:28.0.0'

البته اگر قصد دارید از کتابخانه جدیدتر اینها استفاده کنید از AndroidX استفاده کنید که نحوه ی افزودن کتابخانه ها با androidx را به راحتی میتونید گوگل کنید . 

خب برای اضافه کردن recyclerview و cardview و material desing به پروژمون ما نیاز داریم سه کتابخانه بالا را به گردل اضافه کنیم بعد اتصال به اینترنت با دور زدن ip ایران بخاطر تحریم ها نیاز است و سپس sync کنید تا کتابخانه های بالا دانلود و به پروژتون اضافه بشن . 

 

قدم ۲ - اضافه کردن تصویر حذف :‌

 

خب یک فایل png تصویری پیدا کنید که تصویر سطل آشغال باشه برای پیدا کردن چنین تصویری مستقیما میتوانید در گوگل عبارت زیر را کپی و سرچ کنید ( البته بخش تصاویر ) :‌

trash icon filetype:png

و بعد از پیدا کردن تصویر آنرا در مسیر app->res->drawable کپی کنید . 

قدم ۳ - اضافه کردن فایل XML و کلاس مدل :‌

 

خب در مسیر app->res->layout یک فایل xml جدید بسازید و نام آنرا rv_item.xml قرار دهید . 

فایل rv_item.xml باید محتوای زیر را داشته باشد :‌

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    tools:context=".MainActivity"
    tools:ignore="NamespaceTypo">
 
    <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="90dp"
        android:layout_gravity="center"
        app:cardBackgroundColor="#ffffff"
        android:layout_marginTop="0dp"
        card_view:cardCornerRadius="1dp">
 
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
 
            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/tv"
                android:height="90dp"
                android:gravity="center"
                android:paddingLeft="10dp"
                android:text="Image"
                android:textColor="#000"
                android:textStyle="bold"
                android:textSize="18sp" />
 
        </LinearLayout>
 
    </android.support.v7.widget.CardView>
</RelativeLayout>

خب همانطور که در کدهای بالا میبینید این کدها یک textview را داخل یک cardview میسازد پس هر ردیف recyclerview یک عدد cardview خواهد داشت که درونش یک textview وجود دارد . 

حالا یک فایل کاتلین جدید بسازید و اسمش رو SwipeModel.kt بزارید . 

محتویات  SwipeModel.kt باید به شکل زیر باشه : 

class Model {
 
    var name: String? = null
 
 
    fun getNames(): String {
        return name.toString()
    }
 
    fun setNames(name: String) {
        this.name = name
    }
}

در کدهای بالا یک متغیر از نوع رشته ای یا string تعریف کردیم که قراره نام ماشین را نگهداری بکنه و روی recyclerview به نمایش بذاره 

برای این متغیر دو متد کمک کننده ی Setter و Getter نوشتیم که دریافت و ارسال اطلاعات را راحت میکنه . 

 

قدم ۴ - آداپتر برای swipe : 

 

یک فایل کلاس از نوع کاتلین بسازید و اسم انرا SwipeAdapter.kt انتخاب کنید . 

محتویات  SwipeAdapter.kt  باید به شکل زیر باشد :‌

import android.content.Context
import android.support.v7.widget.RecyclerView
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import java.util.ArrayList
 
/**
 * Created by avasam.ir in 2019
 */
class SwipeAdapter(ctx: Context, private val imageModelArrayList: ArrayList<Model>) :
    RecyclerView.Adapter<SwipeAdapter.MyViewHolder>() {
 
    private val inflater: LayoutInflater
 
 
    init {
 
        inflater = LayoutInflater.from(ctx)
    }
 
    fun removeItem(position: Int) {
        imageModelArrayList.removeAt(position)
        notifyItemRemoved(position)
        notifyItemRangeChanged(position, imageModelArrayList.size)
    }
 
    fun restoreItem(model: Model, position: Int) {
        imageModelArrayList.add(position, model)
        // notify item added by position
        notifyItemInserted(position)
    }
 
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
 
        val view = inflater.inflate(R.layout.rv_item, parent, false)
 
        return MyViewHolder(view)
    }
 
    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
 
        holder.time.setText(imageModelArrayList[position].getNames())
    }
 
    override fun getItemCount(): Int {
        return imageModelArrayList.size
    }
 
     inner class MyViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
 
        var time: TextView
 
 
        init {
 
            time = itemView.findViewById(R.id.tv) as TextView
 
        }
 
    }
}

 

در تابع onCreateViewHolder() ما rv_item.xml را پر میکنیم تا ویو مربوط به هر ردیف ساخته شود . 

سپس در تابع onBindViewHolder() نام ماشین را در textview ست میکنیم ، برای این از imageModelArrayList بعنوان منبع دیتا استفاده کرده ایم . 

imageModelArrayList یک arraylist است که درونش از آبجکت های SwipeModel پر میشود که آداپتر آنرا از پارامترها میگیرد . 

خب حالا به کد زیر نگاه کنید :‌

 fun removeItem(position: Int) {
        imageModelArrayList.removeAt(position)
        notifyItemRemoved(position)
        notifyItemRangeChanged(position, imageModelArrayList.size)
    }

این تابع زمانی اجرا میشود که کاربر به سمت راست یا چپ عمل swipe را انجام دهد و سپس دکمه ی undo را نزند . 

 

کامپایلر آیتمی که روی آن عمل swipe اتفاق افتاده است را پاکسازی خواهد کرد . 

سپس متد notifyItemRemoved()  فراخوانی میشود و سپس متد notifyItemRangeChanged() ریسایکلر ویو را ریفرش میکند . 

حالا به تابع زیر نگاه کنید : 

 fun restoreItem(model: Model, position: Int) {
        imageModelArrayList.add(position, model)
        // notify item added by position
        notifyItemInserted(position)
    }

 

اگر کاربر دکمه ی undo را کلیک کند قبل از اینکه آیتم حذف شود کامپایلر متد زیر را فراخوانی میکند . 

ابتدا آیتم حذف شده را دوباره به سرجایش برمیگرداند و سپس متد notifyItemInserted() را فراخوانی میکند تا ریسایکلر ویو ریفرش شود . 

 

قدم ۵ - تغییرات اکتیویتی اصلی برنامه :‌

 

خب ما دو فایل در اکتیویتی اصلی داریم یکی فایل کاتلین و یکی فایل لیوت آن بنام activity_main.xml  که کدش در زیر است :‌

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/linear"
        android:background="#e4e0e0"
        tools:context=".MainActivity">
 
    <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="10dp"/>
 
</android.support.design.widget.CoordinatorLayout>

خب همانطور که میبینید چیز خاصی ندارد و فقط یک recyclerview به آن اضافه شده است 

کد های زیر هم برای MainActivity.kt است :‌

import android.graphics.Bitmap
import android.graphics.BitmapFactory
import android.graphics.Color
import android.graphics.Paint
import android.graphics.RectF
import android.support.design.widget.Snackbar
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.support.v7.widget.LinearLayoutManager
import android.support.v7.widget.RecyclerView
import android.graphics.Canvas
import java.util.ArrayList
import android.support.v7.widget.helper.ItemTouchHelper
 
class MainActivity : AppCompatActivity() {
 
    private var recyclerView: RecyclerView? = null
    private var imageModelArrayList: ArrayList<Model>? = null
    private var adapter: SwipeAdapter? = null
    private val p = Paint()
    private val myImageNameList = arrayOf("Benz", "Bike", "Car", "Carrera", "Ferrari", "Harly", "Lamborghini", "Silver")
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        recyclerView = findViewById(R.id.recycler) as RecyclerView
 
        imageModelArrayList = populateList()
 
        adapter = SwipeAdapter(this, imageModelArrayList!!)
        recyclerView!!.adapter = adapter
        recyclerView!!.layoutManager = LinearLayoutManager(applicationContext, LinearLayoutManager.VERTICAL, false)
 
        enableSwipe()
    }
 
    private fun enableSwipe() {
        val simpleItemTouchCallback =
            object : ItemTouchHelper.SimpleCallback(0, ItemTouchHelper.LEFT or ItemTouchHelper.RIGHT) {
 
                override fun onMove(
                    recyclerView: RecyclerView,
                    viewHolder: RecyclerView.ViewHolder,
                    target: RecyclerView.ViewHolder
                ): Boolean {
                    return false
                }
 
                override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
                    val position = viewHolder.adapterPosition
 
                    if (direction == ItemTouchHelper.LEFT) {
                        val deletedModel = imageModelArrayList!![position]
                        adapter!!.removeItem(position)
                        // showing snack bar with Undo option
                        val snackbar = Snackbar.make(
                            window.decorView.rootView,
                            " removed from Recyclerview!",
                            Snackbar.LENGTH_LONG
                        )
                        snackbar.setAction("UNDO") {
                            // undo is selected, restore the deleted item
                            adapter!!.restoreItem(deletedModel, position)
                        }
                        snackbar.setActionTextColor(Color.YELLOW)
                        snackbar.show()
                    } else {
                        val deletedModel = imageModelArrayList!![position]
                        adapter!!.removeItem(position)
                        // showing snack bar with Undo option
                        val snackbar = Snackbar.make(
                            window.decorView.rootView,
                            " removed from Recyclerview!",
                            Snackbar.LENGTH_LONG
                        )
                        snackbar.setAction("UNDO") {
                            // undo is selected, restore the deleted item
                            adapter!!.restoreItem(deletedModel, position)
                        }
                        snackbar.setActionTextColor(Color.YELLOW)
                        snackbar.show()
                    }
                }
 
                override fun onChildDraw(
                    c: Canvas,
                    recyclerView: RecyclerView,
                    viewHolder: RecyclerView.ViewHolder,
                    dX: Float,
                    dY: Float,
                    actionState: Int,
                    isCurrentlyActive: Boolean
                ) {
 
                    val icon: Bitmap
                    if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
 
                        val itemView = viewHolder.itemView
                        val height = itemView.bottom.toFloat() - itemView.top.toFloat()
                        val width = height / 3
 
                        if (dX > 0) {
                            p.color = Color.parseColor("#388E3C")
                            val background =
                                RectF(itemView.left.toFloat(), itemView.top.toFloat(), dX, itemView.bottom.toFloat())
                            c.drawRect(background, p)
                            icon = BitmapFactory.decodeResource(resources, R.drawable.delete)
                            val icon_dest = RectF(
                                itemView.left.toFloat() + width,
                                itemView.top.toFloat() + width,
                                itemView.left.toFloat() + 2 * width,
                                itemView.bottom.toFloat() - width
                            )
                            c.drawBitmap(icon, null, icon_dest, p)
                        } else {
                            p.color = Color.parseColor("#D32F2F")
                            val background = RectF(
                                itemView.right.toFloat() + dX,
                                itemView.top.toFloat(),
                                itemView.right.toFloat(),
                                itemView.bottom.toFloat()
                            )
                            c.drawRect(background, p)
                            icon = BitmapFactory.decodeResource(resources, R.drawable.delete)
                            val icon_dest = RectF(
                                itemView.right.toFloat() - 2 * width,
                                itemView.top.toFloat() + width,
                                itemView.right.toFloat() - width,
                                itemView.bottom.toFloat() - width
                            )
                            c.drawBitmap(icon, null, icon_dest, p)
                        }
                    }
                    super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive)
                }
            }
        val itemTouchHelper = ItemTouchHelper(simpleItemTouchCallback)
        itemTouchHelper.attachToRecyclerView(recyclerView)
    }
 
    private fun populateList(): ArrayList<Model> {
 
        val list = ArrayList<Model>()
 
        for (i in 0..7) {
            val imageModel = Model()
            imageModel.setNames(myImageNameList[i])
            list.add(imageModel)
        }
 
        return list
    }
}

 

خب بیایید اکتیویتی اصلی را بررسی کنیم .

ابتدا کدهای زیر را میبینید :‌

 private var recyclerView: RecyclerView? = null
    private var imageModelArrayList: ArrayList<Model>? = null
    private var adapter: SwipeAdapter? = null
    private val p = Paint()
    private val myImageNameList = arrayOf("Benz", "Bike", "Car", "Carre

خب در ابتدا یک ابجکت از Recyclerview ساختیم و سپس یک SwipeAdapter و بعد هم کلاس های مورد نیازمان 

یک آرایه با ابجکت های مدلی که بالاتر ساختیم و اسمش imageModelArrayList است 

و یک آرایه ی از نوع string دیگر که نام وسایل نقلیه را نگهداری میکند مانند Benz Bike Car و ...

حالا کدهای زیر را ببینید :‌

imageModelArrayList = populateList()
 
        adapter = SwipeAdapter(this, imageModelArrayList!!)
        recyclerView!!.adapter = adapter
        recyclerView!!.layoutManager = LinearLayoutManager(applicationContext, LinearLayoutManager.VERTICAL, false)
         enableSwipe()

کامپایلر populateList() را استفاده خواهد کرد که دیتا را داخل  imageModelArrayList قرار دهد . 

سپس adapter را به recyclerview معرفی و bind خواهد کرد . 

کامپایلر متد enableSwipe()  را صدا میزند . 

در زیر کدهای متد enableSwipe()  میبینید :‌

override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
                    val position = viewHolder.adapterPosition
 
                    if (direction == ItemTouchHelper.LEFT) {
                        val deletedModel = imageModelArrayList!![position]
                        adapter!!.removeItem(position)
                        // showing snack bar with Undo option
                        val snackbar = Snackbar.make(
                            window.decorView.rootView,
                            " removed from Recyclerview!",
                            Snackbar.LENGTH_LONG
                        )
                        snackbar.setAction("UNDO") {
                            // undo is selected, restore the deleted item
                            adapter!!.restoreItem(deletedModel, position)
                        }
                        snackbar.setActionTextColor(Color.YELLOW)
                        snackbar.show()
                    } else {
                        val deletedModel = imageModelArrayList!![position]
                        adapter!!.removeItem(position)
                        // showing snack bar with Undo option
                        val snackbar = Snackbar.make(
                            window.decorView.rootView,
                            " removed from Recyclerview!",
                            Snackbar.LENGTH_LONG
                        )
                        snackbar.setAction("UNDO") {
                            // undo is selected, restore the deleted item
                            adapter!!.restoreItem(deletedModel, position)
                        }
                        snackbar.setActionTextColor(Color.YELLOW)
                        snackbar.show()
                    }
                }

 

کامپایلر متد onSwiped() را زمانی صدا میزند که کاربر به سمت راست یا چپ swipe بکند . 

سپس یک شرط if گذاشتیم تا بررسی کند عمل swipe به کدام سمت بوده است . 

سپس کامپایلر آبجکتی که میخواهد پاک شود را انتخاب میکند . 

سپس متد removeItem() را صدا میزند که درون کلاس آداپتر است 

سپس یک snack bar نمایش داده میشود . 

زمانی که کاربر دکمه ی UNDO را روی snack bar  کلیک میکند کامپایلر متد restoreItem()  را صدا خواهد زد . 

و کار ما با پیاده سازی این سیستم تمام شد . 

 

---

مطالب زیر ممکن است برای شما مفید باشد

 تحلیل دوره ی پروژه محور ساخت سایت و اپ مارکت بازار با سورس کامل تگ های header را در سئو سایت دست کم نگیرید رادیو صفر و یک - پادکست شماره ی 9 ام - اینترنت بی اینترنت رادیو صفر و یک - پادکست شماره ی 3 ام - شرکت جت برینز و محصولاتش برای برنامه نویسان رادیو صفر و یک - پادکست شماره ی 5 ام - دیپ فیک چیست ؟‌ آخرین مرز میان حقیقت و دروغ

محصولات برگزیده مناسب شما

 دوره ی آموزش برنامه نویسی اندروید با جاوا و android studio کارگاه آموزش طراحی سایت با BULMA دوره آموزش برنامه نویسی اندروید با کاتلین kotlin بصورت پروژه محور دوره آموزش برنامه نویسی کار با سخت افزار اندروید

پایان 👍

چند داشبورد مدیریتی آماده برای لاراول

امروز توسعه ی وب به سرعت بیشتری نیاز دارد تا برنامه نویسان وب بجای تمرکز روی کدهای تکراری ، روی پیشرفت پروژه ی خود تمرکز کنند  . 

ساختن داشبورد مدیریت برای تمام داده های یک پروژه ی لاراولی برای یک توسعه دهنده کاری زمان بر است و برای این منظور داشبورد های زیادی برای لاراول ساخته شده که توسعه دهندگان به راحتی نصب و استفاده کنند . 

خب چند نمونه از بهترین داشبورد های لاراولی را در این مقاله قصد دارم معرفی کنم که امیدوارم برای تمام توسعه دهندگان وب مفید باشه . 

معمولا داشبورد های مدیریتی لاراول به دو دسته اصلی تقسیم بندی میشوند :‌ visual builders و console-based و این به شما بستگی دارد که کدام دسته ها نیاز شما را رفع میکند . 

 

یکی دیگر از ویزگی های مهم داشبورد ها انجام خوب عمل CRUD در دیتابیس است خب همه میدانیم که CRUD مخفف کلمات Create, Read, Update, Delete است . معمولا عملیات CRUD با یک مدل در پروژه ی لاراول در ارتباط است . 

 

نکته ی مهم :‌ تمام ابزارهای معرفی شده در زیر روی لاراول ۵,۴ تست شده و درست کار میکنند و ممکنه الان برای نسخه های جدید تر هم بروزرسانی شده باشند . پس برای اطلاع از اینکه با نسخه های بالاتر مثلا نسخه های ۶ کار می کنند یا نه ؟‌باید به سایت اصلی آنها مراجعه کنید و ببینید که بروزرسانی جدید آنها تا نسخه ی چند لاراول را پشتیبانی میکند . 

 

پنل های مدیریتی دسته ی visual builders 

 

پنل مدیریتی Voyager: The Missing Laravel Admin

 

این محصول اگرچه تازه است ولی بیشترین تاثیر را روی من گذاشت ! طرفداران زیادی دارد و همچنین آموزش های ویدیویی رسمی روی یوتیوب دارد که از این لینک میتوانید ویدیوهای آموزشی اش را ببینید :‌ Youtube series by DevDojo

 Voyager ظاهر تر تمیز و خرفه ای دارد ولی خب نکته ی مهم کارکرد این پنل مدیریتی است . دستور العمل های واضح ، قالب ظاهری جذاب ، عدم وجود باگ های آشکار و عدم وجود بخش های نیمه تمام از ویژگی های ویجر هستند . 

آیکون شبیه کاپیتان و فرمان کشتی ، باعث القای حس مدیریتی میشود . 

 

یکی از ویژگی های دیگر ویجر این است که شما به هنگام نصب میتوانید اطلاعات ساختگی یا اصطلاحا dummy-data در پایگاه داده وارد کنید تا سایت شما شکل شمایل اصلی به خود بگیرد فرض کنید یک فروشگاه ساختید و بعد از نصب باید بشینید دونه دونه محصولات الکی وارد کنید تا ظاهر و امکانات فروشگاه را تست کنید این کار را ویجر بصورت خودکار انجام میده و کلی اطلاعات ساختگی وارد دیتابیس میکنه 

 

ویجر همچنین دارای یک بخش مدیریت رسانه ها داره و هر چیزی که اپلود میشه را میتونید مدیریت کنید که بسیار مناسب است و یک برتری برای این داشبورد مدیریت نسبت به بقیه حساب میشه . 

 

در نهایت یکی از ویژگی های خوب ویجر این است که شما میتوانید جداول دیتابیس را در پنل مدیریتی ویرایش کنید ! یه چیزی مثل phpmyadmin کوچک درون پنل مدیریتی ! جالبه نه ؟

 

خب تا اینجا که ویجر عالی به نظر میرسه و بهترین گزینه است ولی به شرط اینکه بعنوان یک پروژه اوپن سورس بروزرسانی ها و باگ گیری های مداوم داشته باشه . هر چیزی که پشتیبانی خوبی نداشته باشه بعد یه مدت میمیره . 

 

پنل مدیریت LaraAdmin: Admin Panel + CRM

این پنل مدیریت هم یکی از پنل هایی بود که برای من جالب بود شما بعد از ورود به پنل میتوانید مستقیما مدل های لاراول را ایجاد کنید ،‌ شما بصورت ویژوال میتوانید ماژول ها را ایجاد کنید که عملیات CRUD را برای شما فراهم میکند ، یک سیستم ماژولار که سازندگان آن از SugarCRM الهام گرفته اند . 

 با چند کلیک ساده شما میتوانید مایگریشن های مربوط به model های خودتان را بسازید و عملیات CRUD را روی آنها یا بصورت جداگانه انجام دهید . 

LaraAdmin با چند ماژول از پیش تعریف شده همراه است. اینها به شما کمک میکنند اما اگر مجبور باشید سیستم را از صفر طراحی کنید وقت شما را میگیرند چون برای خلاص شدن از پیشفرض ها باید زمان بذارید .

همانند voyager یک سیستم آپلود دارد . در حقیقت یک مرورگر درونی برای کارهای اپلود دارد . 

برای ظاهر پنل مدیریتی LaraAdmin از یک قالب معروف به نام AdminLTE استفاده میکند که توسط بسیاری از توسعه دهندگان وب استفاده میشود . 

 

پنل مدیریتی QuickAdmin: Package and Online Generator 

این پکیج خیلی سادست . بعد از نصب شما میتوانید آیتم های منو CRUD یا non-CRUD بسازید که به همراه فیلدهای خاص با مجوزها و نقش های معینی هستند . 

در بین تمام ابزارهای بررسی شده کمترین فایل راهنما را دارد . 

یکی از مهمترین نقاط عطف QuickAdmin سیستم آنلاین ادمین پنل است .

 

 پنل های مدیریت Non-Visual

 

پنل مدیریتی Z-song / Laravel-admin 

در حقیقت این پکیج از دو بخش تشکیل شده است بخشی که ویژوال است و میتوانید آیتم های منو را بسازید ولی بخش دیگری است که با کدنویسی باید انجام دهید مثل زیر :‌

php artisan admin:make UserController --model=App\\User

$router->resource('users', UserController::class);

use Encore\Admin\Grid;
use Encore\Admin\Facades\Admin;
$grid = Admin::grid(Movie::class, function(Grid $grid){

و این تفاوت بخش ویژوال با بخش کدنویسی است . البته شما باید سینتکس و قوانین کدنویسی آنرا یاد بگیرید 

پکیج Z-Song یک پکیج مدیریتی خوب است که بخوبی کار میکند . 

همچنین این پکیج متدهای اضافی مثل model-grid, model-form, model-tree و  ready-built widgets را داراست . 

 

پنل مدیریتی InfyOm Laravel Generator

 

شعار اصلی این پنل Get your APIs and Admin Panel ready in minutes است بنابراین این پنل بیشتر روی API ها تاکید دارد . 

این پکیج یک تولید کننده ی API دارد که میتواند بعنوان بخشی از پنل مدیریت یا به تنهایی کار کند . 

همچنین annotation های  Swagger  را هم برای API میسازد . 

همچنین پکیج InfyOm هیچ رابط گرافیکی ندارد (البته توسعه دهنده ی آن میگوید که روی رابط کاربری یا GUI آن در حال کار کردن است ).

این پکیج سه گزینه ی  دیگری برای عملیات CRUD معرفی میکند . console ، JSON file و database table .

شما میتوانید روی یک جدول از پیش ساخته شده CRUD بسازید . 

یکی از ابزارهای جالب این فریمورک این است که کدها را با   پترن repository  میسازد .

خب پس کنترلر شما باید چنین چیزی باشد :‌

class BookController extends AppBaseController
{
    /** @var  BookRepository */
    private $bookRepository;

    public function __construct(BookRepository $bookRepo)
    {
        $this->bookRepository = $bookRepo;
    }

    /**
     * Display a listing of the Book.
     *
     * @param Request $request
     * @return Response
     */
    public function index(Request $request)
    {
        $this->bookRepository->pushCriteria(new RequestCriteria($request));
        $books = $this->bookRepository->all();

        return view('books.index')
            ->with('books', $books);
    }

برای فرانت اند هم InfyOm چهار گزینه را پیشنهاد میکند : AdminLTE, Metronic, Bootstrap, و FlatLab

یکی از بزرگترین مشکلات InfyOm این است که شما مجبور هستید از سینتکس آن پیروی کنید .

میتوانید از مستندات InfyOm هم کمک بگیرید . 

 

پنل مدیریت AppzCoder: CRUD Generator + Admin Panel 

این پکیج در واقع دو محصول در یک پکیج است . یک تولید کننده CRUD یا پکیج مدیریت laravel بصورت مستقل وجود دارد . 

مستندات این پکیج میگوید که نسخه ی لاراول باید  Laravel ۵,۱ باشد اما روی لاراول ۵.۳ هم بخوبی کار کرد ! 

بعد از نصب کردن شما یک قالب تحت Bootstrap را مشاهده خواهید کرد که میتوانید CRUD را بصورت دستی یک به یک وارد کنید و میتوانید از دستور آرتیسان crud:[command] استفاده کنید . 

یک مثال از مستندات خود این پکیج :‌

php artisan crud:generate Posts --fields="title#string; content#text; category#select#options=technology,tips,health" --view-path=admin --controller-namespace=Admin --route-group=admin

اگر این به نظر شما مشکل است شما میتوانید اطلاعات فیلد ها را درون یک فایل JSON قرار دهید و بعد بعنوان یک پارامتر برای دستورات ارسال کنید . 

همچنین می توانید فایلهای مختلفی را بطور جداگانه تولید کنید ، مانند این:

php artisan crud:controller PostsController --crud-name=posts --model-name=Post --view-path="directory" --route-group=admin

php artisan crud:model Post --fillable="['title', 'body']"

بعد از تولید CRUD ها میتوانید بقیه اطلاعات مورد نظر را درون کدها وارد کنید که برای آیتم های منو میخواهید . 

مثلا اینکه middleware/roles  چه کاری انجام خواهد داد و ... .

 

Backpack for Laravel

این پکیج یک پروژه بزرگ است . این پکیج فراتر از یک پنل مدیریتی برای لاراول است و ساختار مناسبی برای دیگر پکیج ها دارد .  Base, CRUD, LogManager, BackupManager و غیره ...

سازندگان Backpack ادعا میکنند این پکیج برای پروژه های بزرگ مناسب است . 

علاوه بر تولید کننده ی  CRUD ، دارای CRUDهای از قبل ساخته شده ،  settings, page manager, news manager و menu manager. است . 

همچنین برخی پکیج ها بعنوان افزونه برایش وجود دارد مثلا :‌ logs, backups و خیلی پکیج های دیگر که به سادگی به وب سایت شما اضافه میشود . 

یکی از بدی های این پکیج سخت گیری آن است شما باید تمام عملیات CRUD را در کنترلر خود تعریف کنید کد زیر را ببینید :‌

class TagCrudController extends CrudController {

  public function setup() {
    $this->crud->setModel("App\Models\Tag");
    $this->crud->setRoute("admin/tag");
    $this->crud->setEntityNameStrings('tag', 'tags');

    $this->crud->setColumns(['name']);
    $this->crud->addField([
    'name' => 'name',
    'label' => "Tag name"
    ]);
  }

 

پنل مدیریت SleepingOw۷ Admin 

 

---

مطالب زیر ممکن است برای شما مفید باشد

 دیباگ کردن پروژه های لاراولی با Laravel Debugbar لاراولی کوچک با طعم جدید - میکروفریمورک Lumen احراز هویت با لاراول 6 کدایگنایتر یا لاراول ؟ کدام فریمورک پی اچ پی جانگو یا لاراول ؟ برنامه نویسان وب بخوانند

محصولات برگزیده مناسب شما

 دوره ی آموزش کامل فریمورک لاراول Laravel دوره پروژه محور ساخت فروشگاه بامیلو با لاراول دوره ی طلایی لاراول 6 دوره ی آموزش پروژه محور ساخت دیجیکالا به همراه اپ و سورس کامل

پایان 👍

Express.js چیست و چرا انقدر مهمه ؟‌

 

در این مقاله قصد داریم درباره ی express.js بنویسیم و بگیم که چرا در بحث وب مطرح میشه و مهمه ؟‌

Express.js چیست و چرا انقدر مهمه ؟‌

خب express.js همانطور که در سایت خودش نوشته یک فریمورک سریع ، بی درد سر و سبک وزن یا مینیمال برای نود جی اس است .

Fast, unopinionated, minimalist web framework for Node.js

 

به زبان جاوا اسکریپت نوشته شده است و تنها بعنوان یک لایه ی نازک ویژگی های هسته ی وب عمل میکند . بر خلاف فریمورک های بزرگ و پردردسر مثل Ruby on Rails  اکسپرس هیچگونه تمپیلت انجین یا ORM جانبی ندارد . اکسپرس توسط کامپوننت های دیگر ساخته نشده است . 

کار اکسپرس این است که یک ابزاری برای دستان برنامه نویسان وب بسازد که ساخت سایت با Node.js را راحت بکند . 

نصب راحت و محیط کدنویسی خالی با جاوا اسکریپت ، اکسپرس را بهترین گزینه برای توسعه ی سریع و راحت ، میکند . 

express.js بهترین گزینه برای استارتاپ هایی است که میخواهند سریعا یک محصول تولید کنند و زیاد درگیر مسائل پیچیده کدنویسی نشوند . 

بیایید دقیقا express.js را بررسی کنیم و ببینیم که چطور کار میکنه ، خب اول مقاله باید این نکته را بدونید که پیش نیاز  express.js فهمیدن Node.js است . 

محیط Node.js بخشی اساسی برای ساخت و استقرار express.js است . تقریبا میشه گفت Node.js یک مفسر کراس - پلتفرم برای جاوا اسکریپت است  که قادر به اجرای جاوا اسکریپت بصورت نامحدود برای مرورگرهاست . 

در واقع Node.js به جاوا اسکریپت کمک میکند تا بتواند در سمت سرور هم نقش بازی کند و بعنوان یک زبان برنامه نویسی سمت سرور بجای زبان های PHP, Python, Java و ... اانتخاب شود . 

توسط پکیج منیجر نود یا همان npm میتوان express.js را نصب کرد و Node.js از پیش نصب شده را شخصی سازی کرد . 

برنامه نویسان Node.js هزاران کتابخانه ی اوپن سورس به این شکل نوشته اند که میتوانید استفاده کنید . 

این وب سرور ساده را بررسی کنید :‌

server.js
```
var express = require('express');
var app = express();


app.get('/', function(req, res){
           res.send('<h1>Hello World!</h1>');
});


app.listen(8000);
```

 

توسط چند خط ساده شما میتوانید یک سرور درست کنید و به مرورگر بگید در ادرس  localhost:۸۰۰۰ بهش دسترسی داشته باش !

با آمدن جاوا اسکریپت به سمت سرور ، توسعه دهندگان وب از دو راه سودبری میکنند :

1. تک زبانه شدن کل وب سایت ( بک اند و فرانت اند ) با جاوا اسکریپت در زمان توسعه وب بسیار صرفه جویی میکند .
   براساس نظرسنجی سایت استک اور فلو در سال 2017  جاوا اسکریپت بیشترین کاربرد را در بین زبان های برنامه نویسی وب دارد و همچنین جاوا اسکریپت در حال رشد سریع است همانطور که فریمورک های سمت فرانت اند مثل vue.js , Angular.js و React.js رشد سریع و خوبی داشتند . وقتی شما با جاوا اسکریپت کدنویسی میکنید در حقیقت روی یک زبان اساسی کدنویسی میکنید که اکثر برنامه نویس ها آنرا میفهمند . جاوا اسکریپت محبوب ترین تکنولوژی توسعه ی وب است پس همیشه جامعه ی اطراف آن شلوغ است و مخاطبان زیادی دارد . یکی شدن زبان برنامه نویسی فرانت اند و بک اند سایت شما اول اینکه باعث خلاقیت تیم شما و بعد باعث صرفه جویی در وقت و هزینه ها خواهد شد . 
2. مزیت بعدی یک زبان non-blocking event-driven هست فکر کنید یک ترافیک فله ای روی سرور اتفاق بیوفتد ، جاوا اسکریپت بخونی میتواند با استفاده از یک ترد واحد event loop ، ترافیک همزمان را کنترل کند . اساسا جاوااسکریپت برای سایت های شلوغ و پرترافیک بهتر است . وقتی یک درخواستی برای دسترسی به یک منبعی به هر دلیلی از بین میرود جاوااسکریپت منتظرش نمی ماند و به کارهای دیگر خود میرسد . جاوا اسکریپت زمانی که نتیجه ی درخواست آمد به آن میبپردازد . همه ی این کارها روی پردازش یک نخ یا ترد انجام میگیرد و به همین دلیل باعث میشود node.js هم منابع سروری کمتری نیاز داشته باشد . 

 

خب express.js چطور در همه ی این موارد کاربرد دارد ؟‌ express.js تمام ابزارهای مورد نیاز برای کار با یک سرور مبتنی بر HTTP را در اختیار توسعه دهنده های وب قرار میدهد . 

Node  یک محیط است این یک چیز اساسی است . Express هر آنچه که برای ورود و خروج داده ها روی سرور نیاز باشد در اختیارتان قرار میدهد ولی موارد زیر را شامل نمیشود :‌

 

• object relational mapping
• database
•  templating engine

 

قابلیت های اکسپرس به توسعه دهنده های وب آزادی میدهد ، express.js تنها یک ماژول برای Node.js نیست و شما میتوانید هر کامپوننت مورد نیاز را به آن اضافه کنید . به جای اینکه در یک قالب و سبکی ثابت بمانید express.js با موارد زیر میتواند تعامل داشته باشد و همکاری کند :‌

•  Handlebar.js
• Jade
• ejs
• و خیلی موارد دیگر ...

به راحتی شما میتوانید با یک کامپوننت template کار کنید و سپس express خود را به یک سرور API تبدیل کنید . خروجی چیزی نخواهد بود جز JSON 

 

با ذخیره سازی داده ها توسط express نیز از آزادی بهره مند خواهید شد . شما میتوانید از یک ماژول Node به نام Mongoose استفاده کنید و میتوانید express خود را به MongoDB وصل کنید ! 

ضمنا شما میتوانید به Redis, SQL, Postgres  هم وصل شوید . 

خب شما اینجا آزادی دارید که کدام دیتابیس را برای کارهای خود انتخاب کنید چیزی که مناسب هست را انتخاب کنید برخلاف فریمورکی مثل Django که با پایگاه داده ی غیر رابطه ای مثل MongoDB کار نمیکند ، برای این مورد راه حل وجود دارد ولی پشتیبانی رسمی مهم است . 

 

توسعه دهندگان میتوانند express را دقیقا بر اساس نیاز خودشان شخصی سازی بکنند . میتوانند کامپوننت های اضافی را حذف یا کامپوننت های مورد نیاز جدیدی را اضافه کنند . 

شما تقریبا میتوانید هر چیزی را تولید کنید از یک سرور محتوای ثابت گرفته تا  RESTful APIs  برای فریمورک های Model-View-Controller (MVC) 

 

 

جمع بندی و خلاصه ی نوشته های بالا :‌

 

خب پس فهمیدیم که Express.js یک فریمورک برای اپلیکیشن های تحت وب است که API ساده ای برای ساخت وب سایت ها ، وب اپلیکیشن ها و بک اند ها است . 

با ExpressJS دیگر نیاز نیست نگران پروتکل های سطح پایین ، پردازش ها و ... باشید . 

 

Express چیست ؟‌ 

 

Express یک interface مینیمال برای ساخت اپلیکیشن های ما فراهم میکند . برای ما ابزارهایی را فراهم میکند که برای ساخت اپ های خود نیاز داریم . 

بسیار انعطاف پذیر است و ماژول های فراوانی برایش روی npm وجود دارد که مستقیما میتوانید انها را در  Express  وارد کنید . 

Express توسط  TJ Holowaychuk توسعه داده شده است و توسط Node.js نگهداری و پشتیبانی میشود . 

 

چرا Express ؟‌

 

بر خلاف رقبایش مثل Rails و Django که روش های خاصی دارند و مستبد هستند Express هیچ روشی را بعنوان بهترین روش پیشنهاد نمیکند . Express بسیار انعطاف پذیر و ماژولار است . 

 

Pug

 

Pug که قبلا با اسم Jade شناخته میشد یک زبان دقیق برای نوشتن قالب های HTML است . 

• تولید HTML
• پشتیبانی از کد dynamic
• پشتیبانی مجدد از قابلیت استفاده (DRY)
•  

این یکی از محبوب ترین زبان قالب است که با Express استفاده می شود.

 

MongoDB و Mongoose

MongoDB یک پایگاه داده ، اوپن سورس ، مقیاس پذیر و document database هست که برای توسعه راحت ساخته شده است . 

همچنین برای ذخیره سازی اطلاعات استفاده میشود 

Mongoose یک API برای کلاینت node.js است که دسترسی پایگاه داده توسط Express را راحت تر میکند . 

 

 

تمام 

 

 

---

مطالب زیر ممکن است برای شما مفید باشد

 چرا باید از Node.js استفاده کنیم ؟‌ ( بررسی کلی ) تگ های header را در سئو سایت دست کم نگیرید رادیو صفر و یک - پادکست شماره ی 9 ام - اینترنت بی اینترنت رادیو صفر و یک - پادکست شماره ی 3 ام - شرکت جت برینز و محصولاتش برای برنامه نویسان رادیو صفر و یک - پادکست شماره ی 5 ام - دیپ فیک چیست ؟‌ آخرین مرز میان حقیقت و دروغ

محصولات برگزیده مناسب شما

 کارگاه آموزشی نحوه ی آپدیت ورژن فریمورک laravel کارگاه آموزش کار با API های اینستاگرامی دوره ی آموزش ساخت اپ گالری تصاویر آنلاین با کاتلین کارگاه آموزشی کار با Grunt js

پایان 👍