if (You think I'm a Programmer) { I'm DotNet Developer }
چگونه برنامه نویس وب شویم؟-قسمت اول
گام اول : آشنایی با اینترنت
ابتدا باید با وب آشنا شوید و درباره این شبکه وسیع اطلاعات کسب کنید. می تونید این مقاله رو بخونید: معرفی اینترنت و شبکه جهانی وب
گام دوم : آشنایی با مفهوم front-end و back-end
حتما تا کنون کلمه front-end و back-end را شنیده اید. front-end : به تکنولوژی سمت کاربر گفته میشه. در واقع ظاهر گرافیگی و رابطه ای که بین سایت و کاربر برقرار می شه گفته میشه. در واقع همان چیزی که کاربر و بینده سایت مشاهده می کنه. به اصطلاح به آن تکنولوژی سمت کاربر می گوید و به متخصص آن نیز طراح سایت یا رابط کاربری می گویند. back-end: در واقع برنامه نویسی واقعی از اینجا انجام می شود. در اصل، خدماتی که سایت شما ارائه می کند که نیاز های کاربر را رفع میکند، از اینجا انجام می شود. به عنوان مثال فروش کالا از یک سایت فروشگاهی. این کار با پردازش و تغییر داده ها در سرور انجام می شود. برای همین این تکنولوژی به سمت سرور معروف است. به متخصص آن برنامه نویس وب گفته می شود.
در ادامه زبان های مربوط به تکنولوژی را توضیح خواهم داد.
گام سوم : آشایی با مفهوم UI و UX :
این دو مفهوم کاملا به کاربر سایت مربوط می شود. UI یعنی آن محیط گرافیکی که کاربر مشاهده می کند که شامل متون، تصاویر، فیلم ها، صوت ها، دکمه ها و... UX یعنی ارتباط احساسی که از طریق UI به کاربر منتقل می شود و باعث می شود کاربر باز هم به آن سایت سر بزند. اغلب طراحان سایت تازه کار با این مقوله مشکل دارند؛ ولی با کسب تجربه، این مشکل خود به خود رفع می شود.
گام چهارم: یادگیری HTML
تمام محتویات سایت توسط متن ساخته می شد. ولی امروزه با توجه به پیشرفت تکولوژی، می توان با زبان های نشانه گذاری فرامتنی، محتویاتی فراتر از متن در سایت خود قرار داد. از مشهورترین و بهترین و استاندارد ترین زبان های فرامتنی که بهترین پشتیبانی را دارد، زبان HTML است. HTML مخفف Hyper Text Markup Languge به معنای زبان نشانه گذاری فرا متن. چه بخواهید برنامه نویس وب شوید و چه طراح سایت، باید این زبان را بلد باشید. زبان ساده ای است ولی از مهارت های پایه ای و مهم است.
گام پنجم : آشنایی با CSS و کتابخانه های کمکی آن :
قطعا وقتی وارد سایت شوید، بعد از محتوا، اولین چیزی که شما را به خود جلب می کند، جذابیت های سایت است. محیط گرافیکی سایت و رنگ ها باعث می شود. شما به سایت جلب شوید. باز برمی گردیم به مقوله UX. پس از شروط مهم رضایت کاربر از سایت پس از محتوا، زیبایی گرافیکی سایت است. این ویژگی با استایل دادن به کد های HTML انجام می شود. این کار بر عهده زبان CSS می باشد. پس شما باید حتما با CSS نیز آشنا باشد. CSS مخفف Cascading Style Sheet به معنی کتابخانه استایل دهی آبشاری. در اصل برای ورود به دنیای وب یادگیری HTML, CSS از اصول پایه و مهم است.
سی اس اس فریم ورک های فراوانی دارد که برای خلاصه تر شدن کد های css از آنه استفاده می شود. یادگیری برخی از آنها مانند Bootstrap ضروری می باشد. یادگیری برخی دیگر نیز مانند Sass می تواند مفید باشد.
گام ششم: آشنایی و یادگیری
هیچکدام از زبان های بالا قدرت برنامه نویسی را ندارند.(چون همه نشانه گذاری اند) گاها پیش می آید که بخواهیم شروطی برای رخ دادن استایل ها در صفحه تعیین کنیم، انیمیشن تعریف کنیم و یا... . css این ویژگی ها را دارد ولی نه به انعطاف JavaScript. جاوا اسکریپت ملقب به JS ، تنها زبان برنامه نویسی سمت کاربر می باشد. این زبان از قوی ترین زبان های برنامه نویسی دنیا نیز به شمار می رود و کتابخانه های فراوانی نیز دارد.
جاوا اسکریپت کلی فریم ورک مشهور و پرقدرت دارد. مانند jQuery, ReactJS, Vue و... . همچنین یک سیستم تحت کنسول برای اجرای کدهای جاوا اسکریپت در سطح اینترنت به نام NodeJS نیز ساخته شده است. همچنین فریم ورک های مشهور بسیاری از جاوا اسکریپت استفاده می کنند مانند Bootstrap.js.
این قسمت تموم شد. در قسمت بعد به تکنولوژی های سمت سرور و بررسی زبان های PHP و .NET می پردازیم و به یک جمع بندی کلی می رسیم.
اگر کد یا مثال لازم دارید یا دنبال آموزش هستید، Nima Hassani رو تو sololearn دنبال کنید، از همینجا بپرسید، یا به این ایمیل: pigy3p@gmail.com ... پیام بدید. موفق باشید.
مطلبی دیگر از این انتشارات
فرق طراح وب با توسعه دهنده وب(برنامه نویس وب)
مطلبی دیگر از این انتشارات
آموزش طراحی سایت شرکتی
مطلبی دیگر از این انتشارات
جی کوئری چیست؟