ما اغلب شنیده ایم که شروع به توسعه وب آسان است ، آیا این درست است؟

در سال های اخیر ، چارچوب جلوی وب در یک جریان بی پایان در حال ظهور است ، مانند React ، Vue ، AngulaJS همه توجه زیادی را به خود جلب می کنند و بسیاری از شرکت های بزرگ توجه بیشتری به توسعه front-end دارند که باعث می شود وب جلو باشد توسعه دهنده یکی از داغترین مشاغل در جهان است. بسیاری از افراد ، به ویژه جوانان مشتاق ورود به این صنعت هستند ، اما یادگیری توسعه وب چقدر طول می کشد؟ چقدر طول می کشد تا یک توسعه دهنده جلویی شوید و از آن درآمد کسب کنید؟ در اینجا می خواهم در مورد تجربه خودم صحبت کنم تا کمی به بچه هایتان اشاره کنم. توجه: تصمیم خود را بگیرید و به آن پایبند باشید.

1. مفاهیم و اصول اساسی طراحی وب (حداقل 10 روز) قبل از شروع به کار باید بر مفاهیم اساسی و دانش نظری طراحی وب تسلط داشته باشید. شما باید در مورد موارد زیر بدانید: صفحه استاتیک چیست؟ صفحه وب پویا چیست؟ طرح کلی صفحه وب چیست؟ اصل طراحی طراحی وب چیست؟ عناصر اساسی صفحه وب چیست؟ چه کاری نمی تواند انجام دهد یا انجام ندهد طراحی وب؟ هرچه مفهوم اساسی طراحی وب را بیشتر بدانید ، آسان تر می توانید یک صفحه وب را بدون اشتباه ایجاد کنید. همانطور که می دانیم ، روند طراحی وب همیشه تغییر می کند ، برای تسلط بر اصول اولیه طراحی وب می توان بنیان و اساس کلیه یک وب سایت را ایجاد کرد. در عین حال ، برای ایجاد یک وب سایت دوستانه ممکن است لازم باشد که برخی از دانش اولیه SEO را بدانید. من واقعاً به شما بچه ها توصیه می کنم که بعضی از کتابهای طراحی وب را به جای دیدن آموزشهای آنلاین ویدئویی مطالعه کنید ، یک کتاب خوب کاملاً شما را به سود می رساند. در اینجا چند کتاب طراحی وب وجود دارد که توسط طراح برجسته این صنعت توصیه شده است

. چگونه می توان یک صفحه وب را به راحتی ساخت: HTML و CSS: طراحی و ساخت وب سایت ها ، توسط JON DUCKETT چگونه طراحی وب را کاربردی تر کنیم: JAVASCRIPT و JQUERY: توسعه وب جلو و پایان تعاملی ، توسط جون داکت چگونه می توان توسعه front-end را یاد گرفت: آموزش طراحی وب: راهنمای شروع به HTML ، CSS ، JAVASCRIPT و گرافیک وب ، توسط JENNIFER NIEDERST ROBBINS باید کتاب قابلیت استفاده را بخوانید: من را فکر نکن ، بازبینی شده: رویکرد حس مشترک به وب ، توسط توانایی استیو کروگ 2. CSS + HTML + JavaScript (1 ماه) با Javascript مقایسه کنید ، HTML کار سختی نیست ، اما زبان برچسب و مشخصات قالب است. CSS نسبتاً پیچیده است و شامل برخی از مشکلات سازگاری مرورگر است. اما با ترکیب این دو می توان به بسیاری از اثرات صفحه وب دست یافت. اگر فقط برخی از زبانهای اساسی را درک کنید ، اما در واقع اقدام عملی انجام ندهید ، تسلط بر آن دشوار است. هنگامی که من یادگیری Bootstrap را شروع کردم ، فقط قرار دادم صفحه وب پاسخگو را که توسط Bootstrap ایجاد شده بود ، در پروژه تجارت موجود برق . بوت استرپ یک ابزار واقعا خوب برای شروع کار است. من می توانم مشکلات اساسی را پس از خواندن اسناد وب سایت رسمی خود به تنهایی حل کنم ، می توانید آن را امتحان کنید. JavaScript سخت تر از HTML و CSS است. اما ، شما می دانید که Brendan Eich زبان جاوا اسکریپت را فقط برای 10 روز ایجاد کرده است ، بنابراین نحو آن خیلی پیچیده نیست از آنچه شما فکر می کنید. من معتقدم به شرطی که سخت درس بخوانید ، به زودی می توانید بر نحو اساسی تسلط پیدا کنید. من فکر می کنم بهترین مطالب یادگیری توسعه وب Mozilla Developer Network ( https://developer.mozilla.org ) است. این شامل تمام دانش در مورد HTML ، CSS ، JavaScript است ، چه شما یک مبتدی یا کهنه کار هستید ، برای همه توسعه دهندگان وب بسیار مفید است. ابزارها می توانند کار شما را با کارایی بیشتری انجام دهند و برای انتخاب بهترین ابزارها ، ممکن است لازم باشد که سریع و سریع بتوانید بر آن تسلط داشته باشید. بسیاری از آموزش های ویدئویی وجود دارد که می توانید در وب سایت رسمی و Youtube آنها بیاموزید. در اینجا برخی از ابزارهای اساسی طراحی وب وجود دارد که باید بدانید: ویرایشگر صفحه وب: متن متعالی Sublime Text یک ویرایشگر عالی است. این رابط زیبا ، عملکرد روان ، برجسته سازی نحوی پشتیبانی خودکار و با پلاگین های غنی ، یکی از مورد علاقه من است. من استفاده از IDE قدرتمند را بلافاصله برای مبتدیان توصیه نمی کنم ، یادگیری آن در ابتدا سخت و دشوار است و ممکن است اعتماد به نفس شما را خرد کند. ویرایشگر عکس: فتوشاپ Adobe Photoshop یک نرم افزار پردازش تصویر است که توسط Adobe تولید و توزیع می شود. فتوشاپ برای مقابله با پیکسل های تصویر دیجیتالی عمدتا با استفاده از آن می تواند تصویر را به طور م editثر ویرایش و ترسیم کند. PS توابع بسیاری دارد ، شامل تصویر ، گرافیک ، متن ، فیلم ، انتشار و غیره است. فتوشاپ بسیار حرفه ای است ، اما کمی پیچیده نیز هست. اگر یک طراح گرافیک حرفه ای هستید ، باید بر این ابزار تسلط داشته باشید. شما به عنوان یک توسعه دهنده جلویی ، باید از نزدیک با طراح کار کنید ، یادگیری استفاده از PS هنگامی که صفحه وب را توسعه می دهید ایده های طراحی بیشتری به شما می دهد و می توانید با طراح وب راحت تر ارتباط برقرار کنید. طراحی نمونه اولیه وب: Mockplus (با کمترین هزینه زمان) به عنوان یک توسعه دهنده وب ، تسلط بر برخی از دانش طراحی نمونه اولیه ، که یکی از سودآورترین مواردی است که من سرمایه گذاری کرده ام ، کاملاً ضروری است. Mockplus یک ابزار ساخت نمونه اولیه صفحه وب است که به راحتی قابل یادگیری است. با کشیدن و رها کردن ، می توانید به راحتی به یک تعامل ساده دست پیدا کنید. انواع مختلفی از پروژه وجود دارد: پروژه های رایگان ، پروژه های وب ، پروژه های سفارشی و البته پروژه APP. این بزرگترین اندازه پروژه وب را فراهم می کند: 3000 * 6000 ، و با 200 م componentsلفه داخلی و 3000 آیکون طراحی شما را راحت تر می کند.

من ویژگی جدید "تکرار کننده" را خیلی دوست دارم ، استفاده از آن آسان است و باعث صرفه جویی در تعداد زیادی از زمان طراحی تکراری می شود. 4. وب سایت خود را بسازید (حداقل 1 ماه) هنگامی که بر اصول اولیه طراحی وب تسلط دارید و همچنین برخی تمرینات اساسی را انجام داده اید ، می توانید برای بهبود مهارت های توسعه خود در اسرع وقت به پروژه واقعی بپیوندید. این یک شروع خوب برای استفاده از Jekyll + GitHub Pages برای ساختن یک وبلاگ ثابت برای خودتان است ، آنها نیازی به پیشرفت پیشرفته ندارند. اگر الگو بتواند نیازهای شما برای ساخت وب سایت را برآورده کند ، ایجاد آن فقط ممکن است به چند ساعت زمان نیاز داشته باشد. درست مثل وردپرس. اینکه شما برای ساخت وب سایت به چه مدت زمان نیاز دارید ، کاملاً بر اساس رضایت شما از سایت تعیین می شود. اگر می خواهید یک سایت جدید و همچنین با طراحی زیبا UI وب ، محتوای خوب ایجاد کنید ، حداقل 1 ماه یا حتی بیشتر طول می کشد. 5. هرگز یادگیری دانش طراحی وب را متوقف نکنید (همیشه) توسعه Front-End با توسعه Back-End متفاوت است ، یک موقعیت مستقیم کاربر محور است. نتایج شما می تواند به طور مستقیم توسط کاربر نمایش داده شود. من فکر می کنم تسلط بر برخی از دانش طراحی و درک روند فعلی طراحی وب نیز برای یک توسعه دهنده ضروری است. با داشتن ایده های بیشتر در زمینه طراحی وب ، صفحه وب بهتری ایجاد می شود که کاربر از آن لذت می برد. یادگیری نمی تواند متوقف شود ، مگر اینکه بخواهید کینه توز باشید.

و در اینجا 15 وبلاگ طراحی وب وجود دارد که من به همه شما بسیار توصیه می کنم ، و برخی از منابع طراحی UI که ممکن است از قبل بدانید Dribbble و Behance است. هر روز یک یا دو ساعت را به خواندن و تماشا اختصاص دهید ، سود زیادی خواهید برد. 10 وب سایت دوره آموزش یادگیری توسعه وب خانه درختی لیندا Udemy آکادمی کد WPSession ها Tuts Plus آکادمی خان ترفندهای CSS جاوا اسکریپت فصیح محصولات کدور StackOverflow.com هاکرنیوز Reddit Dzone نتیجه: توسعه وب جلویی فرایندی است که برای ادامه یادگیری لازم است. در سالهای اخیر ، پیچیدگی توسعه قسمت جلویی بیشتر و بیشتر می شود. این مقاله فقط برای آن دسته از افرادی است که می خواهند وارد صنعت توسعه پیشرفته شوند و نمی توانند جهت گیری کنند. چه مدت طول می کشد تا توسعه وب را یاد بگیریم؟ پس از خواندن این راهنمای گام به گام ، می توانید موقعیت رشد را پیدا کنید. هر کاری که می کنید ، یادگیری اساسی است ، امیدوارم این مقاله بتواند به شما بچه ها کمک کند.