رفتن به مطلب
مرورگر پیشنهادی آرساکیا گیم مرورگر های تحت موتور کرومیوم می‌باشد، برای دانلود روی مرورگر انتخابی خود کلیک کنید
Google Chrome Microsoft Edge Ungoogled Chromium Brave Opera GX Opera

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


r5gm_0_xr4nyfc5syc54c3j.png



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

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

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


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

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

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


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


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

Java Script  


a2w_javascript-illustration.png

جاوا اسکریپت یک زبان لازم و ضروری برای افزدون قابلیت های داینامیک به وبسایت هستش. منظور از داینمایک بودن این هستش که اگر به عنوان مثال ما فقط از 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 
4nop_download.png


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


Angular 
u67k_download_(1).png

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

VueJS

jxkv_download_(2).png

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

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


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


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

f436_nodejs-event-stream-module.jpg

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

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

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

ویرایش شده توسط Ocanner
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

 

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مآشآلآ♥️?

Crown.png

هَرکه زَخمَش بیش, گَنگَش بیشتر...

AbneR.png

🩸--------------------------------------------------------------------------------------🩸

TheAbneR.png

🍷🤍 Without any Feeling🤍🍷

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 1 ماه بعد...
  • 2 هفته بعد...
در 19 ساعت قبل، Panahi گفته است:

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

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


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

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

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

mmd1995@

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

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

مهمان
ارسال پاسخ به این موضوع...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   بازگردانی قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
  • اضافه کردن...