full stack web development with java script

[Ocanner]

با سلام و احترام 

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

اول کار ما باید بدونیم که اصلا برنامه نویس فول استک یعنی چی , خیلی ساده به  برنامه نویسی که بتونه هم سمت سرور و هم سمت کلاینت برنامه رو توسعه بده مگیم برنامه نویس فول استک , 

این یعنی یه برنامه نویس فول استک علاوه بر اینکه به HTML , CSS تسلط داره  میتونه

• برنامه نویسی سمت مرورگر کاربرو انجام بده ( مثلا با استفاده   JavaScript, jQuery, Angular, or Vue)
• برنامه نویسی سرور رو انجام بده ( مثلا با استفاده از PHP, ASP, Python, or Node)
• با پایگاه داده کار کنه (مثلا SQL, SQLite, or MongoDB)

 

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

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


پایه و اساس 

بهتریم راه برای شروع یادگیری توسعه وب آشنایی و تسلط به HTMLو CSS هستش 

HTML & CSS





زبان نشانه گذاریه ابر متن یا همون   Hypertext Markup Language برای توسعه هر وبسایتی لازم و ضروری هستش . با HTML  دواقع ساختار و ستون فقرات وبسایتمون رو تعریف میکنیم.

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

بعد از یادگیری HTML  باید CSS ‌رو هم یاد بگیریم در واقع این دو ابزار رو هر توسعه دهنده ی وبی باید بلد باشه

دوره های پیشنهادی :

در واقع از هر منبعی که آموزش HTML  CSS ‌رو پوشش بده میتونید استفاده کنید . خوشبختانه هم منابع فارسی هم انگلیسی به وفور پیدا میشه و از هر کدوم که باهاش راحت ترین میتونید استفاده کنید.

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

https://www.w3schools.com/html/default.asp


زبان های برنامه نویسی 

Java Script  



جاوا اسکریپت یک زبان لازم و ضروری برای افزدون قابلیت های داینامیک به وبسایت هستش. منظور از داینمایک بودن این هستش که اگر به عنوان مثال ما فقط از HTML , CSS استفاده کنیم این قابلیت رو نداریم که اجزا و عناصر سایت رو بدون تغیر سورس کدها تغیر بدیم جاوا اسکریپت این قابلیت رو به میده که بتونیم تک تک عناصر صفحات وب رو تغیر بدیم مثلا وقتی تو یک جایی از صفحه وب یک کلیک میکنیم چه اتفاقی بیافته در حقیقت جاوا اسکریپت روح وبسایت ما هاستش.
جاوا اسریپت در واقع یک پیاده سازی از ecmaScript  هستش.با یادگیری Java Script  میتونیم به راحتی با تیف وسیعی از فریم ورکها و ابزار ها چه در سمت کلاینت و چه در سمت سرور کار کنیم و یاد بیگیرم . یادگیری مفاهیم اولیه جاوا اسکریپت خیلی راحت هستش و خوشبختانه منابع یاد گیری جاوا اسکریپت هم خیلی زیاد هستش

https://www.w3schools.com/js/default.asp

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics

 

فریم ورک ها :

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

فریم ورکهای سمت کلاینت 

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

درحال حاظر جاوا اسکریپت سه تا فریم ورک محبوب و معروف در سمت کلاینت داره 

React 



React  که توسط فیسبوک توسعه داده شده


Angular 


Angular  که توسط گوگل توسعه داده شده

VueJS



VueJs  که توسط یکی از کارکنان گوگل توسعه داده شده یک فریک ورک بسیار سبک با یادگیری بسیار آسان

در واقع اگر فقط میخواید توسعه دهنده سمت کلاینت باشید و نمیخواید سمت سرور کار کنید با یادگیری HTML  CSS JavaScript  و یکی از فریم ورکهای JavaScript  کارتونو شروع کنید و به مرور تجربه کسب کنید اما این تموم ماجرا نیست این وسط تکنولوژی های دیگه ای هم بوده که بهش اشاره نشده به عنوان مثال bootstrap که یک فریم ورک سمت کلاینت هستش و برای ساخت وبسایت های واکنشگرا استفاده میشه و طراحی سایت رو برای ما ساده تر میکنه 


فریم ورک های سمت سرور 


برای برنامه نویسی سمت سرور از زبانها و فریم ورک های زیادی میشه استفاده کرد مثلا PHP  یا فریک ورک django  که یک فریم ورک پایتون هستش اما اینجا ما بحثمون در مورد جاوا اسکریپت هستش و فقط با استفاده از جاوااسکریپت مخیوایم توسعه دهنده ی فول استک باشیم
 
NodeJs



تا قبل از سال 2009 و ایجاد فریک ورک NodeJs   فقط از جاوا اسکریپت سمت کلاینت استفاده میشد و در سمت سرور از زبانهای دیگه مثله PHP  یا ASP  اسفتاده میشد اما با اومدن NodeJs ما این قابلیت رو داریم که جاوا اسکریپت رو سمت سرور هم اجرا کنیم. NodeJs کی فریم ورک قدرمتند هستش که توسعه وبسایت هارو برای ما خیلی راحت میکنه . قبل از شروع به  یاد گیری Node باید با مفاهیم JavaScript اشنا باشیم . میبینیم چقد راحت با javaScript  میشه به یک برنامه نویس فول استک تبدیل شد 
منابع یاد گیری Node  هم به وفور در سطح اینترنت پیدا میشه

https://www.w3schools.com/nodejs/default.asp

طیف رو اشتباهی نوشتم تیف ویرایش هم نمیشه  @Ali

ویرایش شده October 23, 2020 توسط Ocanner

[Wolfe]

خوب بود ولی کاش بیشتر از زبان های back end می گفتی

 

[RealBadMan]

مطالب مفیدی بود

[Ocanner]

در 11 ساعت قبل، Wolfe گفته است:

خوب بود ولی کاش بیشتر از زبان های back end می گفتی

 

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

[Wolfe]

در 4 ساعت قبل، Ocanner گفته است:

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

[MiIad]

فوق العاده

[AbneR]

مآشآلآ

[Olden]

عالی

[Ocanner]

در 19 ساعت قبل، Panahi گفته است:

خوب که چه عرض کنم، عاولیییی.

من بیشتر دنبال C++ ام. اگه یکم راهنمائی کنی خیلی ممنونت میشم داش.

باید اول مشخص کنی که  ++c  رو برای چ کاری میخای 

شاید اون کاری ک میخای با ++c  انجام بدی با ابزار ها و زبان های دیگه راحت تر و سریع تر به نتیجه برسی 

برای راهنمای بیشتر میتونی تو تلگرام pm بدی بم

mmd1995@