7 گام اصلی برای شروع طراحی و برنامه نویسی تحت وب - یادینو


7 گام اصلی برای شروع طراحی و برنامه نویسی تحت وب

شروع طراحی وب،برنامه نویسی تحت وب،آموزش طراحی وب،یادگیری برنامه نویسی وب


آنچه در این مقاله مطالعه خواهیم کرد:

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


سلام و درود به همه خوانندگان عزیز یادینو

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

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

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

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

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

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

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

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

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

 بریم ببینیم که گام های شروع طراحی  و برنامه نویسی وب چیست:

 

گام اول : کمی تفکر پیش از اقدام

یکی از عادت های بسیار خوب بنده این است که پیش از شروع هر کار تازه ای در یک مکان خلوت (معمولا داخل اتاقم که سکوت است) کمی تفکر می کنم و سعی می کنم در ذهنم آینده مسیری را که می خواهم آغاز کنم ، ترسیم کنم.

 بعد از آن در مورد آن مسئله شروع می کنم به تحلیل و بررسی و این کار را با هر ابزاری که شده ( اینترنت ، کتاب،مشورت یا .... ) انجام می دهم.

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

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

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

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

 

گام دوم: ستون طراحی وب یعنی HTML

قدم اول یادگیری زبان نشانه گذاری HTML است.

البته طراحان و متخصصان معتقدند که این مورد در دسته زبان های تحت وب محسوب نمی شود ، اما برای راحتی همان  "زبان" صداش می زنیم!

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

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

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

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

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

دوره های آموزشی و ویدیو های یادینو را فراموش نکنید.

 

گام سوم: یادگیری CSS

زبان css مخفف Cascading Style Sheets ) الگوها و یا ساختار آبشاری) می باشد . حالا اسم و معانی اون خیلی مهم نیست.

بذارید تا ادامه صحبتم را روی همون مثال ساختمان پیش ببرم.

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

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

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

 

گام چهارم: زبان جاوااسکریپت

جاوا اسکریپت (Java script) از جمله زبان های تحت وبی محسوب می شود که بیشتردر سمت کاربر فعالیت می کند .

ما در اجرای یک نرم افزار تحت وب دو نوع زبان داریم .

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

چرا گفتم جاوا اسکریپت بیشتر در سمت کاربر فعالیت می کند، چون دقیقا قدرت این را دارد که درخواست هایی را هم به سرور ارسال کند و پس از بازگشت ، نتیجه بدون رفرش شدن صفحه به کاربر نمایش داده شود ( شاید نام Ajax  را شنیده باشید که مربوط به تکنولوژی های jquery یکی از کتابخانه های جاوااسکریپت می باشد) پس می توان جاوااسکریپت را زبانی تحت کابر- سرور در نظر گرفت.

اگر بخواهم کاربرد این زبان قدرتمند را بگویم اجازه بدید که یک مثال واقعی در محیط وب بزنم:

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

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

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

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

 

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

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

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

سرور هم دقیقا مثل یک کامپیوتر خانگی است اما از نظر منابع مصرفی ( Ram،Cpu،Hard و ...) بسیار پیشرفته تر می باشد.

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

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

چیزی که بنده خودم توصیه می کنم و البته در قدرتش هیچ شکی ندارم زبان قدرتمند PHP است . اما هیچ تعصبی نسبت به یادگیری این زبان ندارم و گزینه های دیگری مثل زبان ASP.net هم وجود دارد که به نظرم یادگیری یکی از این دو برای زبان سمت سروری برنامه نویسی تحت وب کافی باشد.

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

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

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

 

گام ششم: دستورات SQL وآشنایی با پایگاه داده Mysql

برای ذخیره سازی اطلاعات ارسالی به سمت سرور نیاز به یک پایگاه داده دارید که اگر از php استفاده می کنید می توان از پایگاه داده Mysql برای ذخیره سازی اطلاعات بهره برد.

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

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

 

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

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

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

اما به شدت توصیه می کنم تا زمانی که به خوبی با زبان های پایه ای طراحی و برنامه نویسی وب (که پیش از این مطرح شد) آشنا نشده اید سراغ فریم ورک ها نروید زیرا کار کردن و حتی یادگیری آن ها مستلزم مهارت کافی در زبان های برنامه نویسی تحت وب می باشد.

این نکته را هم بدانید بد نیست که ما برای اکثر زبان های برنامه نویسی وب یک فریم ورک خاص داریم مثلا bootstrap  یکی از فریم ورک های زبان css  است و Angular فریم ورکی از زبان جاوااسکریپت می باشد و Laravel یکی از فریم ورک های زبان php  است .

 

حرف آخر

اگر این گام هایی که تا به اینجا مطرح شد را به خوبی بگذرانید قول می دهم که به یک طراح حرفه ای وب تبدیل شوید.

البته کار کردن با cms ها یا همان سیستم های مدیریت محتوا ( مانند وردپرس) هم خودش مفصله اما سعی می کنیم در یادینو مطالبی آموزش داده بشه که کاربردی باشه.

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

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

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

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

امیدوارم این مقاله براتون مفید بوده باشه.

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


رای مثبت من

این مقاله را به اشتراک بگذارید:








تجربه یا نظر ارزشمند شما در مورد این مقاله چیست؟

ایمیل شما نزد یادینو محفوظ می ماند و منتشر نخواهد شد.