WiX/mag

ویکس مگ / مجله آموزشی ویکس سِوِن

مهارت سخت و نرم در توسعه وب

مهارت های سخت و نرم در توسعه وب [آپدیت 25 دی 1401]

پیمان باقری

پیمان باقری

برنامه نویس و متخصص وب

سلام ، امیدوارم حالتون خوب باشه…

شما در حال مطالعه مهمترین مقاله ی مجله آموزشی ویکس سون هستین !

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

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

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

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

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

پس بی معطلی بریم سراغ مطالعه مقاله !

مهارت های سخت و نرم در توسعه وب

Hard Skills and Soft Skills in Web Development

این مقاله به صورت کلی مهارت های توسعه وب رو شرح میده که شامل مهارت های نرم و از اون مهمتر مهارت های سخت (فنی) تو حوزه وب هست

اما :

  1. توسعه وب دقیقا یعنی چی ؟ توسعه وب برگردون کلمه انگلیسی Web Development هستش که اگه بخوایم ساده بگیم به تمام فرآیندهایی گفته میشه که موجب رشد و پیشرفت یه وب سایت یا هر پلتفرم مبتنی بر وب دیگه میشه. گاهی اوقات web development و web programming (برنامه نویسی وب) رو به جای همدیگه استفاده میکنن و تقریبا این دوتا رو یکی میدونن، اما اگه دقیق تر بخوایم بررسی کنیم web programming زیر مجموعه ی web development به حساب میاد.
  2. مهارت سخت و نرم چیه ؟ به زبان ساده مهارت سخت (hard skills) همون مهارت های فنی و تخصصی هر رشته هست ولی مهارت نرم (soft skills) در واقع شامل ویژگی های شخصیتی و ارتباطی میشه که در ادامه بهشون میپردازیم.

خب حالا که فهمیدیم منظور از ” مهارت های سخت و نرم در توسعه وب ” چیه، اول بریم سراغ مهارت های سخت در توسعه وب که اهمیت بسیار زیادی داره.

لیست زیر دسته بندی های مختلف مهارت های سخت حوزه وب رو نشون میده :

(لینک مقاله تخصصی هر قسمت رو جلوش قرار میدیم که بتونید بیشتر مطالعه کنید)

مهارت های سخت در توسعه وب

طراحی وب یا وب دیزاین (Web Design)

مفاهیم پایه طراحی وب

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

رابط کاربری ui / تجربه کاربری ux / طراحی بصری / تایپوگرافی و آیکونوگرافی / طراحی واکنش گرا یا رسپانسیو / تئوری رنگ / وایرفریم / یوزر فلو / پروتوتایپ و …

نرم افزارهای گرافیکی  برای طراحی وب

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

فتوشاپ / دریم ویور / فیگما / اینویژن / ادوب اکس دی / اسکچ / کانوا / ایندیزاین / زپلین / افینیتی دیزاینر و …

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

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

ویرایشگرها (Text Editors) : ویژوال استودیو کد (وی اس کد) / نوت پد ++ / سابلایم / اولترا ادیت/ اتم / برکتس / رایت اپ / ادیت پلاس / تکتس میت / ویم

محیط های یکپارچه توسعه (IDEs) : ویژوال استودیو / اینتلی جی / اکلیپس / پای چارم / وب استورم / پی اچ پی استورم / جوپیتر / دریم ویور / اندروید استودیو / اکس کد

سیستم های کنترل ورژن (VCS)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

سیستم های کنترل ورژن centeralized و distributed / گیت، گیت هاب و گیت لب

زبان کدنویسی اچ تی ام ال (HTML)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

تفاوت html, html5, xml, xhtml,dhtml / سینتکس اچ تی ام ال / کامنت / تگ / اتریبیوت / المنت / فرم / جدول / مدیا (صوت و ویدیو) / لیست / فریم / متا دیتا و …

زبان کدنویسی سی اس اس (CSS)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

تفاوت css و css3 / سینتکس سی اس اس / کامنت / استایل دهی اینلاین، اینترنال و اکسترنال / سلکتور / فونت / پوزیشن / باکس مدل / پراپرتی / انیمیشن / ترنزیشن / ترنسفرم / فلکس باکس/ سی اس اس گرید / سی اس اس لی اوت و …

فریمورک ها و لایبرری های طراحی وب

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

بوت استرپ / سَس / لِس / فاندیشن / سماتیک / پیور سی اس اس / اسکلتون / یو آی کیت / بولما / متریالایز / متریال یو آی و …

سیستم های مدیریت محتوای وب (CMS)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

سایت ساز ها : وردپرس / جوملا / دروپال / نیوک و …

انجمن ساز ها : ویبولتین / آی پی بورد / زنفورو / مای بی بی / پی اچ پی بی بی و ..

فروشگاه ساز ها :مجنتو / پرستا شاپ / اوپن کارت / ووکامرس (وردپرس) و …

سایر : پی اچ پی فاکس / شِیرترانیکس / پی اچ پی وایب و …

برنامه نویسی وب (Web Programming)

مفاهیم پایه برنامه نویسی وب

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

تفاوت برنامه نویس جونیور و سینیور / الگوریتم و فولچارت / وب سوکت / سرور-کلاینت / بک اند-فرانت اند / الگوهای طراحی یا دیزاین پترن ها / الگوهای معماری نرم افزار / وب سرویس / ای پی آی / دیتابیس / وب پروتکل / سمنتیکس و سینتکس (مفاهیم و نگارش) / دیتاتایپ / ساختمان داده / ساختارهای شرطی / حلقه ها / متغیر / تابع / کلاس و شیء / برنامه نویسی شیء گرا / برنامه نویسی تابعی / تست و دیباگ و …

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

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

جاوا اسکریپت (اکما اسکریپت) / تایپ اسکریپت / بلیزور (سی شارپ) / تکنولوژی اِیجکس / مقایسه جی سون و اکس ام ال

جاوا اسکریپت : سینتکس / کامنت / متغیر / دیتاتایپ / عملگر / شرط / حلقه / توابع و متدها / پروتوتایپ / ارث بری / کلاس و شیء / انیمیشن / مدیریت خطا / پرامیس / پردازش همگام و ناهمگام / ماژول / دام و بام / رویداد / متدهای اچ تی تی پی و فچ / حافظه یا دیتابیس مرورگر / رجکس و …

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

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

جی کوئری / انگولار / ری اکت / ریداکس / ویو / نکست / ناکست / بک بون / امبر / لو دَش / چارت / اکسیوس / دی 3 / انیمه / ایونیک / پولیمر / وبیکس / متئور / میتریل / اندراسکور / مالتیپل / مومنت و …

ابزارهای کاربردی فرانت اند

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

ویرایشگرها و محیط های توسعه / پکیج منجر ها / تسک رانر / ماژول باندلر / نرم افزار های داکیومنتیشن / دیباگرها / آنالیزگرها و …

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

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

پی اچ پی / جاوا / پایتون / نود جی اس (جاوا اسکریپت) / تایپ اسکریپت / پرل / روبی پ سی شارپ / سی پلاس پلاس / اسکالا / گو لنگ / اس کیو ال / راست / سالیدیتی / کاتلین و …

فریمورک ها و لایبرری های بک اند

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

فریمورک های پی اچ پی : لاراول / کیک پی اچ پی / سیمفونی و …

فریمورک های پایتون : جنگو / فلسک و …

فریمورک های جاوااسکریپت (نود جی اس) : اکسپرس / کوآ و …

سایر : روبی آن ریلز / فونیکس / اسپرینگ / ای اس پی دات نت کور / فایبر / پلی و …

دیتابیس (پایگاه داده)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

انواع دیتابیس : اس کیو ال / نو اس کیو ال / کلاود / نتورک و …

دیتابیس های معروف : مای اس کیو ال / مونگو / اوراکل / دی بی 2 / اس کیو ال سرور / اس کیو ال لایت / کاساندرا و …

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

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

فول استک / تِک استک / مسئولیت ها و نقش برنامه نویس فول استک / لمپ استک / مین استک / مِون استک / مین استک و …

وب اپلیکیشن ها

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

انواع وب اپلیکیشن ها : وب اپلیکیشن های پیش رونده / موبایل اپلیکیشن های مبتنی بر وب (هیبرید و نیتیو)

زبان ها و فریمورک های ساخت وب اپلیکیشن ها : ری اکت و ری اکت نیتیو / فلاتر / زامارین / کاتلین / سوئیفت و …

 

بازاریابی وب یا وب مارکتینگ (Web Marketing)

مفاهیم و روش های وب مارکتینگ

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

مفاهیم PSA, PPC, SMM, SEM, SEO / ریتارگتینگ / آنالیز مارکت / بلاگ مارکتینگ / ایمیل مارکتینگ / کانتنت مارکتینگ / موبایل مارکتینگ / افیلیئیت مارکتینگ / این باند و اوت باند مارکتینگ / مدیا مارکتینگ / انفلوئنسر مارکتینگ و …

بهینه سازی سایت برای موتورهای جستجو / سئو (SEO)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

استراتژی سئو / سئو آن پیج و آف پیج / سئو تکنیکال / سئو محلی یا لوکال و …

ابزارهای سئو گوگل : گوگل ترندز / گوگل سرچ کونسول / گوگل آنالیتیکس / گوگل تگ منجر

سایر ابزارهای سئو : وب سایت های moz, ahrefs, semrush, majestic و …

بهینه سازی عملکرد وب (WPO)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

کشینگ / بهینه سازی کدها، مدیاها و دیتابیس / وکتور / سرویس ابری / پروتکل https و گواهینامه ssl / هات لینک پروتکشن / ریدایرکت 301 / خطاهای 404

ابزارهای بهینه سازی عملکرد وب : گوگل پیج اسپید / جی تی متریکس / سئو سایت چک آپ و …

 

میزبانی وب یا وب هاستینگ (Web Hosting)

مفاهیم پایه میزبانی وب

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

هاستینگ / سرور / وی پی اس / دیتاسنتر / هاست / دامنه یا دامین / ساب دامین / پارکد دامین / ادان دامین / ریسلر / دی ان اس / وب پروتکل ها و …

انواع هاست و هاستینگ

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

هاست اشتراکی / هاست ابری / هاست وردپرس / هاست وی پی اس و…

انواع سرور (بر اساس منابع، سیستم عامل، و کاربرد)

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

سرور اختصاصی و مجازی / سرور اشتراکی / ویندوز سرور / لینوکس سرور / وب سرور / میل سرور / پراکسی سرور / اف تی پی سرور / فایل سرور / دیتابیس سرور / اپلیکیشن سرور و …

انواع کنترل پنل

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

دایرکت ادمین / سی پنل / اچ پنل / وب مین / پلسک / کولوکسو و …

مجازی ساز سرور

لینک مقاله : (به زودی)

مباحث و مفاهیم مورد بحث در مقاله :

وی ام ویر / هایپر وی / سیتریکس سیستم / زن / اوپن وی و …

 

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

مهارت های نرم در توسعه وب

سواد کامپیوتر و علاقه به تکنولوژی

computer literacy, interest in technology

مهارت های عیب یابی، محاسبه و حل مسئله

trouble shooting skill, numeracy skill,problem-solving skills

مسئولیت پذیری و اخلاق کاری

accountability, work ethics

نبوغ و خلاقیت، تمرکز بالا و توجه به جزییات

creativity, focus, attention to detail

اشتیاق به یادگیری، خودآموزی، جستجو، تحقیق و پژوهش

passion for learning, self-learning, search and research

مهارت مدیریت زمان و پروژه

time management, project management

ذهن باز، سازگاری و انعطاف پذیری

open-mindedness, adaptability, flexibility

همکاری و کار تیمی و انتقال مسائل فنی به صورت واضح و قابل فهم به تیم

collaboration and teamwork, explaining technical issues clearly to the team

هوش هیجانی/عاطفی (EI / EQ)

emotional intelligence (ei), emotional quotient (eq)

skills : self-awareness, self-regulatory, self-motivation, empathy, social skills, communication skills, interpersonal skills

تفکر انتقادی (critical thinking)

skills : observation skill, analysis skill, logical reasoning, communication skills, problem-solve skill

steps : problem identification, research, Identifying biases, Inference, determining data relevance, curiosity and ask questions, identify the best solution, present solution, analyze decision

رهبری و مدیریت افراد (مخصوص توسعه دهندگان سینیور)

leadership for senior developer, create safe space listening, communicate proactively, be personable ,people management,

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

همراهمون باشین… فعلا بدرود !