تبدیل شدن به یک توسعه دهنده وب Front-End - Become a Front-End Web Developer

آیا می خواهید توسعه دهنده وب شوید؟ امروزه توسعه وب یک شغل نیست. طیف وسیعی از فناوری ها و گزینه های شغلی برای کشف وجود دارد. مسئولیت های اصلی به دو صورت تقسیم می شود-بین توسعه دهندگان اصلی که در وب سایت ها و برنامه ها تخصص دارند و توسعه دهندگان پشتیبان که با سرورها و پایگاه های داده کار می کنند-اما شما همچنین می توانید یک توسعه دهنده کامل باشید که بر همه جنبه های یک پروژه نظارت می کند. این دوره نقشه ای از فناوری های اصلی و مشاوره در مورد تسلط بر آنها را ارائه می دهد، همراه با جزئیات مورد نیاز برای اتصال آنها به مشاغل. نویسنده ارشد کار Ray Villalobos همچنین نکاتی را در مورد یافتن آموزش، استخدام و به حداکثر رساندن پتانسیل درآمد شما در این زمینه پردرآمد و هیجان انگیز ارائه می دهد. اهداف یادگیری انواع توسعه دهندگان وب نقش HTML، CSS و JavaScript فناوری های سرور آموزش آموزش توسعه وب انتخاب ابزار مناسب گرفتن کار درباره حقوق خود مذاکره کنید

برای اینکه یک برنامه نویس وب م effectiveثر باشید، باید بفهمید که وقتی URL وارد می کنید یا روی پیوند کلیک می کنید، چه اتفاقی می افتد. در زیر هر صفحه وب علامت گذاری - JavaScript، HTML و CSS - و سلسله مراتبی که نمایش را کنترل می کند - Model Object Model (DOM) قرار دارد. سپس سروری که فایلها را میزبانی می کند، مرورگری که آنها را ارائه می دهد، فراداده ها و تجربه موبایلی است که باید در نظر بگیرید. آنچه را در زیر سطح اتفاق می افتد کاوش کنید و نحوه نوشتن کد بهتر را بیاموزید. این دوره یک حرکت عمیق در شبکه جهانی وب و ساختارهای اساسی را که باید برای ساختن برنامه های کاربردی قوی و وب سایت هایی که کارآمد و نگهداری آنها آسان است، درک کنید، ارائه می دهد. بیاموزید که چگونه اسناد HTML پایه و اساس CSS و JavaScript را فراهم می کند و نحوه لایه بندی ارائه و تعاملات را در بالا ببینید. بیاموزید که چگونه ویرایشگران کد و مرورگرهای مختلف با محتوای وب تعامل دارند و ویرایش، برنامه نویسی و نمایش را فعال می کنند. کشف کنید که چرا دسترسی برای باز نگه داشتن وب برای همه کاربران بسیار مهم است و چه گردش کار برای برنامه نویسی وب بهتر عمل می کند. مربی مورتن رند-هندریکسن درس ها را سرگرم کننده و سریع نگه می دارد، بنابراین تقریباً برای هر کسی-برنامه نویسان وب، طراحان وب و حتی ناشران وب-آسان است که آن را دنبال کنند. اهداف یادگیری از آدرس اینترنتی به وب سایت ساختار یک سند وب کد دو منظوره دسترسی مرورگرها و ویرایشگران HTML، CSS و JavaScript

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

اینترنت بسیاری از موانع ارتباط و تعامل را برداشته است. با این حال، وقتی وب سایت ها، فناوری ها یا ابزارها ضعیف طراحی شده اند، می توانند موانعی ایجاد کنند که افراد دارای معلولیت را از استفاده از وب منع می کند. در این دوره، با دسترسی و فرصت برابر به افراد دارای طیف متنوع شنوایی، حرکت، بینایی و توانایی های شناختی، نحوه دسترسی را کاهش می دهد. درک Featherstone مفاهیم اصلی دسترسی را در طراحی UX اعمال می کند، از جمله مرور کلی فناوری کمکی که بازدیدکنندگان ممکن است برای دسترسی به پروژه های شما استفاده کنند. او شامل مثالهای کاربردی است، از ایجاد دوباره تعاملات بصری گرفته تا نوشتن متن عالی جایگزین. معرفی افراد مختلف و چالش های منحصر به فرد آنها در حرکت در وب ؛ و نشان می دهد که چگونه دسترسی را به بخشی منظم از گردش کار طراحی خود تبدیل کنید. هنگامی که پایه ها را یاد می گیرید، متوجه خواهید شد که مزایای دسترسی-افزایش جستجو، قابلیت استفاده بیشتر و افزایش مخاطب-تقریباً به همان اندازه که به کاربران شما کمک می کند، به طراحی های شما نیز کمک می کند.

Hypertext Markup Language (HTML) پایه و اساس توسعه وب سایت و برنامه های وب است. این به شما امکا، HTML ارائه می دهد ، بسازید. مربی Jen Simmons همه مفاهیم اساسی را که برای استفاده متفکرانه از HTML نیاز دارید برجسته می کند. او بر نشانه گذاری معنایی متمرکز است: محتوا را به عنوان آنچه که هست ، برچسب گذاری کند و نه فقط برای قالب بندی ، سازگاری یا راحتی. این برای کسانی که وب را به طور متفاوتی مصرف می کنند تأثیر گسترده ای دارد. این تضمین می کند که وقتی صفحه خوان یا سیستمی (مانند موتور جستجو) یک صفحه را مصرف می کند ، دقیقاً می داند که چه چیزی حاوی آن است و چگونه این اطلاعات را دسته بندی می کند. موضوعات مورد بحث عبارتند از: - نحو اصلی عناصر HTML - قالب بندی محتوا - نمایش تصاویر - ایجاد پیوندها - صفات HTML جهانی - ناوبری ساختمان - محتوای ساختار - فرم های ساختاری - ایجاد جدول

Cascading Style Sheets (CSS) یک زبان صفحه است که به شما امکان می دهد ظاهر صفحات وب خود را کنترل کنید. در این دوره عملی، کریستینا تروونگ مفاهیمی را که پایه و اساس CSS را تشکیل می دهد، نشان می دهد و آنچه را که باید برای تغییر CSS موجود و نوشتن خود بدانید باید بدانید، توضیح می دهد. کریستینا توضیح می دهد که چگونه می توان رنگ ها و سایر عناصر طراحی را اضافه کرد تا صفحات وب شما فراتر از متن سیاه در زمینه سفید باشد. او نحوه استفاده از انتخاب کننده ها، نحوه تعریف فاصله بین اندازه و اندازه عناصر صفحه و نحوه سبک بندی متن و مدیریت طرح بندی های اساسی با Flexbox و Grid را نشان می دهد. او همچنین کار با انتخاب کننده های پیشرفته، ایجاد طرح بندی سیال و تعیین زمان استفاده از ویژگی های شناور و موقعیت را پوشش می دهد. به علاوه، در پایان دوره، با یک پروژه واقعی - یک صفحه رزومه آنلاین - کنار می روید. اهداف یادگیری نوشتن انتخاب کننده های اصلی تنظیم خواص آبشار و وراثت تنظیم خانواده فونت، اندازه فونت، رنگ متن و موارد دیگر کار با مدل جعبه استفاده از شبکه و Flexbox با استفاده از خواص float و position کار با انتخاب کننده های پیشرفته ایجاد چیدمان های روان

JavaScript یک زبان برنامه نویسی وب است. همانطور که وب از یک محیط استاتیک به یک محیط پویا تبدیل می‌شود، تمرکز فناوری از نشانه گذاری استاتیک و یک ظاهر طراحی شده - که اغلب توسط سیستم‌های مدیریت محتوا یا اسکریپت‌های خودکار اداره می‌شود - به رابط‌های پویا و تعامل پیشرفته تبدیل می‌شود. JavaScript که زمانی اختیاری دیده می‌شد، اکنون به بخشی جدایی ناپذیر از وب تبدیل شده و هر لایه را با اسکریپت خود تزریق می‌کند. از طریق مثالهای عملی و پروژه‌های کوچک، این دوره به شما کمک می‌کند تا از جاوااسکریپت، از اصول اصلی مانند متغیرها، انواع داده‌ها، شرایط و توابع از طریق مباحث پیشرفته از جمله حلقه‌ها و برنامه نویسی DOM، درک خود را از JavaScript بسازید. در طول راه، مربی Morten Rand-Hendriksen چالش‌هایی را ارائه می‌دهد که به شما امکان می‌دهد مهارت‌های جدید خود را امتحان کنید.

مهارتهای جستجوی موثر اغلب بخش مهمی از استعدادهای برنامه نویسی هستند. در این دوره، مربی Morten Rand-Hendriksen چندین تکنیک جستجو را برجسته می کند که شما به عنوان یک توسعه دهنده وب باید بدانید. Morten با توضیح اینکه از کجا می توان اطلاعات معتبر یافت. او چندین احتمال را بررسی می کند، از جمله منبع اصلی، منابع پلت فرم، سایتهای مرجع وضعیت و منابع جامعه. در مرحله بعد، Morten به شما نشان می دهد که چگونه با تکنیک های جستجو در Google، سایر موتورهای جستجو، جستجوهای داخلی سایت و GitHub، بر جستجوها مسلط شوید. او با بحث در مورد توسعه دهندگان پشت هر خط کد و اینکه چگونه می توانید جستجوی اطلاعات خود را از طریق مشارکت و مشارکت در جوامع آنلاین غنی کنید.

طراحی واکنش گرا مستلزم انطباق وب سایت ها با دستگاهی است که در آن نمایش داده می شود. طرح بندی پاسخگو مهم است و HTML و CSS اکنون ویژگی هایی را ارائه می دهند که ایجاد طرح بندی هایی را که در طیف وسیعی از دستگاه ها و اندازه صفحه نمایش به خوبی کار می کنند، بیش از پیش آسان می کند. در این دوره، کلاریسا پترسون اصول اولیه طراحی طرح بندی وب سایت های پاسخگو با آخرین استانداردها، از جمله CSS Flexbox و Grid را پوشش می دهد. اصول اولیه، مانند کار با ویژگیهای موقعیت و شناور برای تنظیم موقعیت مکانی عناصر روی صفحه را مرور کنید و نحوه استفاده از پرس و جوهای رسانه ای برای به روز رسانی فعال طرح خود را کشف کنید. سپس به CSS Grid بروید، از جمله تراز کردن و مرتب کردن موارد در شبکه، و نحوه کار با ظروف flexbox. در نهایت، یاد بگیرید که یک طرح 12 ستونی ایجاد کنید که Grid و Flexbox را در یک طرح ترکیب می کند. اهداف یادگیری طراحی واکنش گرا چیست؟ ساختار صفحه پاسخگو قابلیت دسترسی و طراحی پاسخگو استفاده از پرس و جوهای رسانه ای طراحی با شبکه CSS طراحی با CSS Flexbox

GitHub یک ابزار استاندارد صنعتی برای همکاری و به اشتراک گذاری کد است. به دلیل انعطاف پذیری و کنترل آن، در بین توسعه دهندگان نرم افزار، مدیران پروژه، طراحان و دانش آموزان محبوب است. این دوره GitHub و Git را معرفی می کند، سیستم کنترل نسخه ای که GitHub بر اساس آن ساخته شده است. مربی آرون استوارت، متخصص محتوای آموزشی در GitHub، مزایای کنترل نسخه، نحوه حرکت در GitHub و خط فرمان، نحوه ارتباط GitHub و Git و بهترین شیوه های ارتباطی و همکاری در GitHub را توضیح می دهد. آرون همچنین متداول ترین وظایف، مانند انشعاب، تعهدات و درخواست های کشش را مرور می کند و به شما نشان می دهد که چگونه یک پروژه محلی ساده ایجاد کرده و آن را به GitHub منتقل کنید تا با تیم خود به اشتراک بگذارید. پس از اتمام دوره، باید بتوانید بلافاصله از Git و GitHub برای مدیریت کد خود استفاده کنید. اهداف یادگیری GitHub چیست؟ گردش کار GitHub با استفاده از خط فرمان ایجاد شعبه تعهد کردن ایجاد و ادغام درخواست های pull کار محلی با GitHub Desktop ایجاد پروژه جدید انتقال پروژه به GitHub کار با تیم ها در GitHub ایجاد لیست وظایف قالب بندی متن

React.js برای ساده سازی و درک بصری فرآیند ساخت اجزای رابط کاربر مدولار و قابل استفاده مجدد طراحی شده است. در این دوره ، Eve Porcello شما را از طریق پایه های React راهنمایی می کند ، از جمله استفاده از قلاب های React - ویژگی جدیدی که در React 16.8 شروع می شود و به توسعه دهندگان اجازه می دهد بدون کلاس نوشتن ، به اجزای سازنده عملکرد اضافه کنند. Eve نحوه ایجاد م componentsلفه ها ، نمایش داده های پویا با ویژگی ها و ارائه م componentsلفه ها را با استفاده از نحو JSX نشان می دهد. حوا همچنین وضعیت اجزا را با قلاب مدیریت می کند. از پیشرفت های قدرتمند React مانند قلاب useEffect برای بارگذاری داده های از راه دور استفاده می کند. و از گزینه های استفاده از ابر برای برنامه های ایجاد شده با ایجاد-واکنش-استفاده می کند. موضوعات شامل: React.js چیست؟ ایجاد و ارائه عناصر React معرفی JSX ایجاد یک م componentلفه React ارائه مدیریت وضعیت با قلاب استفاده از متغیرهای چند حالته واکشی داده ها استقرار برنامه React