اگر مجبور شوم دوباره توسعه وب را یاد بگیرم چه؟ سفر من چه خواهد بود؟

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

اگر امروز از من بپرسید که آیا سفر آرام بوده است یا عمدی؟ مطلق، پاسخ من نیست.

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

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

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

من اینجا با خودم فکر می کنم اگر بخواهم توسعه وب را از نو یاد بگیرم (از شروع تا پایان)، چگونه می توانم آن را انجام دهم؟

در این پست، قصد دارم در مورد زبان‌های برنامه‌نویسی، ابزارها، مهارت‌هایی که باید دقیقاً به ترتیبی که در مورد آنها صحبت می‌کردم توسعه دهید صحبت کنم.

بیایید بلافاصله شیرجه بزنیم.

⓪① بنیاد

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

یادم می آید که برای اولین بار در دبستان عبارت «کامپیوتر» را شنیدم. تصوری که در آن زمان داشتم این بود که کامپیوتر نوعی ربات ترمیناتور مانند است.

وقتی برای اولین بار این شانس را پیدا کردم که کامپیوتر را لمس کنم، حدود 13 سال داشتم.

به همین دلیل اگر بخواهم توسعه وب را یاد بگیرم، عمداً روی کسب دانش زیادی در مورد نحوه کار کامپیوترها، چرایی اختراع آنها، نحوه ذخیره و انتقال اطلاعات توسط کامپیوتر در اجزای مختلف تمرکز می کنم؟

آیا یک یا چند کامپیوتر می توانند ارتباط برقرار کنند، آیا این چیزی است که من می توانم آن را به طور عملی آزمایش کنم تا درک روشنی از شبکه ها و دانش مرتبط با آن مانند اینترنت به دست بیاورم؟

سیستم عامل چیست؟ چگونه یک سیستم عامل را بدست آوریم، آن را راه اندازی، عیب یابی و ایمن کنیم؟

نرم افزار چیست؟ روند کلی ایجاد اپلیکیشن ها چگونه است؟

آیا گواهی مبانی کامپیوتری وجود دارد که بتوانم برای اثبات اینکه من یک کاربر حرفه ای کامپیوتر واجد شرایط هستم، دنبال کنم؟

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

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

⓪② HTML

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

HTML مخفف HyperText Markup Language است.

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

⓪③ ترمینال/CLI

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

اگر برخی از دستورات را زودتر یاد بگیرم، به خصوص بعد یا قبل از یادگیری HTML، به پیشرفت من کمک می کند. راحت بودن کار با برنامه ترمینال در macOS و Linux و Command Prompt در ویندوز.

علاوه بر این، درک نحوه کار با دستوراتی مانند ping، hostname، nslookup، sudo، apt-get، passwd، ls، cd، mv، cp، nano، vi، grep، و cat و غیره در آینده بسیار مفید خواهد بود.

⓪④ (الف). طراحی و CSS

بگذار توضیح بدهم.

برای شروع، CSS مخفف عبارت Cascading Style Sheet است. این یک زبان شیوه نامه است که برای توصیف ظاهر و قالب بندی عناصر HTML در یک صفحه وب استفاده می شود.

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

آرایش برای ما همان چیزی است که CSS برای HTML است. چگونه شگفت انگیز نیست؟

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

⓪④ (ب). SASS

SASS (Syntactically Awesome Style Sheets) یک پیش پردازنده CSS است که یک زبان برنامه نویسی است که عملکرد CSS را گسترش می دهد. این به شما امکان می دهد تا با استفاده از ویژگی هایی مانند متغیرها، میکسین ها و توابع، کدهای CSS سازمان یافته و قابل نگهداری بیشتری بنویسید.

⓪⑤ TailwindCSS

این یک فریم ورک CSS برای اولین بار برای ایجاد رابط های کاربری سفارشی است.
مجموعه‌ای از کلاس‌های CSS کاربردی را ارائه می‌کند که به شما امکان می‌دهد با استفاده از ویژگی‌های کلاس، استایل‌ها را مستقیماً روی عناصر HTML اعمال کنید.

این باعث می‌شود که بدون نوشتن CSS سفارشی به HTML استایل دهید.

TailwindCSS در نظر گرفته شده است که سازگار، ماژولار و ساده برای ادغام با سیستم طراحی موجود شما باشد.

⓪⑥ نوشتن

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

→ ابزارهایی برای کمک به سفر نوشتاری شما

1. ایده
2. گرامر
3. برنامه یادداشت ها

⓪⑦ بازاریابی و خود تبلیغی

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

اگر می خواهید خودتان را تبلیغ کنید، یاد بگیرید که چگونه؛

1. شما باید تجربه کاری در یک مهارت داشته باشید، در این مورد کد
2. شما نیاز به نوشتن دارید
3. محتوا را در واتس اپ، توییتر، اینستاگرام، تیک تاک، یوتیوب، لینکدین، وبلاگ خود و سایر پلتفرم ها منتشر کنید.

⓪⑧ فروش قالب های HTML

آیا می دانستید که قالب های HTML را می توان ساخت و فروخت؟ اینها طراحی های وب سایت سفارشی و حرفه ای هستند که مشتریان می توانند برای ایجاد حضور آنلاین خود از آنها استفاده کنند. این یک راه عالی برای استفاده از مهارت های HTML و کسب درآمد اضافی است!

شما می توانید قالب های HTML را در پلتفرم های محبوب منتشر کنید:

1. تم فارست
2. TemplateMonster
3. بازار خلاق
4. وب سایت شخصی
5. گامرود

⓪⑨ (الف). چرا Git را یاد بگیریم؟

1) این امکان را برای ما فراهم می کند تا در پروژه های کامپیوتری همکاری کنیم و در عین حال رکوردی از تمام تغییراتی که ایجاد می کنیم را حفظ کنیم.

2) این یک مهارت مفید برای کار روی پروژه ها با دیگران است.

3) از آنجایی که به طور گسترده مورد استفاده قرار می گیرد، می تواند در جستجوی شغل به شما مزیت بدهد.

⓪⑨ (ب). GitHub

مخازن Git را می توان در GitHub میزبانی و مدیریت کرد. این برنامه توسعه دهندگان را قادر می سازد تا تغییرات را ردیابی کنند، کد را به اشتراک بگذارند و با هم کار کنند و پروژه های نرم افزاری را سریعتر ایجاد کنند.

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

①⓪ استقرار صفحات وب

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

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

①① جاوا اسکریپت

یادگیری جاوا اسکریپت می تواند دنیایی از امکانات را برای شما به عنوان یک توسعه دهنده باز کند، از جمله ساخت برنامه های کاربردی وب تعاملی، ایجاد بازی ها و خودکارسازی وظایف برای مشتریان یا کسب و کار شما.
درک جاوا اسکریپت به شروع یادگیری JS Frameworks کمک می کند.

①② (الف). React.js

React یک کتابخانه محبوب جاوا اسکریپت برای ساخت رابط های کاربری، به ویژه برای برنامه های کاربردی وب است. Learning React می تواند به توسعه دهندگان کمک کند تا اپلیکیشن های فرانت اند سریع، کارآمد و مقیاس پذیر ایجاد کنند.

①② (b).Vue.js

Vue یک فریمورک سبک جاوا اسکریپت برای ساخت برنامه های کاربردی وب است. یادگیری و استفاده از آن آسان است و یک تجربه توسعه دهنده روان و شهودی را ارائه می دهد. علاوه بر این، انعطاف پذیر است و می توان از آن در پروژه های مختلف استفاده کرد.

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

Vue گزینه خوبی است زیرا سبک وزن و یادگیری آن ساده است، در حالی که React برای پروژه های بزرگتر عالی است و اکوسیستمی قوی دارد.

①③ ساخت اپلیکیشن ها

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

پایان

⓪① HTML
⓪② ترمینال/CLI
⓪③ CSS + SASS
⓪④ TailwindCSS
⓪⑤ نوشتن
⓪⑥ خود تبلیغی
⓪⑦ فروش قالب های HTML
⓪⑧ Git + GitHub
⓪⑨ استقرار صفحات وب
①⓪ جاوا اسکریپت
①① React.js یا Vue.js
①② ساخت اپلیکیشن ها