Frontend Developer

Frontend Developer

دوره آموزشی ارشد توسعه دهنده وب سمت کاربر (مهندسی فرانت اند) Frontend Developer (HTML, CSS, Bootstrap, JavaScript, jQuery, React, AngularJS)

مروری بر دوره

توسعه دهنده وب سمت کاربر یا Frontend چیست؟؟ 

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

Core Front end developer skills are: HTML, CSS, JavaScript, jQuery, CSS and JavaScript Frameworks

Front-End Roadmap

گام نخست چیست؟؟

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

جاوا اسکریپت چیست؟؟

جاوا اسکریپت زبان برنامه‌نویسی پویا و مبتنی بر شی (Object-based) است که هم سمت کاربر و هم سمت سرور، برای ایجاد تعامل با صفحات وب به کار می‌رود. جایی که HTML و CSS ساختار اولیه و ظاهر صفحات وب را تعیین می‌کنند، جاوا اسکریپت نحوه عملکرد صفحات وب را کنترل می‌کند.

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

آیا jQuery همان جاوا اسکریپت است ؟؟

خیر ، jQuery یک کتابخانه از جاوا اسکریپت است که پیمایش اسناد HTML، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. jQuery به گونه ای طراحی شده است تا روشی را که با آن جاوا اسکریپت را می نویسید تغییر دهد.

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

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

توضیحاتی درباره React JS  

می توان React JS را یک ابزار برای ایجاد رابط کاربری معرفی کرد که برای اولین بار در سال ۲۰۱۱ توسط شرکت معروف فیس بوک مورد استفاده قرار گرفت.  در واقع React یک راه حل برای توسعه دهندگان بود که از آن برای حل مشکلاتی که در هنگام ایجاد رابط کاربری با آنها مواجه می شدند استفاده می کردند. استفاده از React JS به توسعه دهندگان وب کمک می کند که در ایجاد رابط های کاربری پیچیده که دارای اجزای مختلف و پیچیده می باشند که برای طراحی آنها باید زمان بسیار زیادی را صرف کرد تا کار راحت ‌تری را در پیش داشته باشند و بتوانند بدون استفاده از کدهای جاوا اسکریپت این رابط های کاربری را طراحی کنند.

React Native App Development Company, React Native Developer

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

درباره  Angular JS 

Angular JS یک چارچوب جاوااسکریپت open source است که توسط Google ایجاد شده است. این به شما کمک می کند تا برنامه های یک صفحه ای ایجاد کنید. برنامه های وب یک صفحه ای که فقط از طرف مشتری به HTML، CSS و جاوا اسکریپت نیاز دارند.

Angular JS می تواند برای اپلیکیشن های تک صفحه ای (single-page-applications = SPA) و frond-end بهترین گزینه باشد.

در برنامه‌های تک‌صفحه‌ای دیگر نیاز به load نیست لذا اگر بخواهید از یک صفحه به صفحه موردنظر خود بروید دیگر نیاز نیست تا صفحه موردنظر شما بارگذاری مجدد شود در ضمن صفحه موردنظر شما بلافاصله با زدن دکمه‌های back یا forward به صفحه بعد یا قبل خودش خواهد رفت بدون اینکه صفحات موردنظر بخواهند دوباره load شوند و این کار باعث خواهد شد تا شما سرعت بالاتری را در مشاهده صفحات وب داشته باشید.

AngularJS راه را برای توسعه وب تغییر داده است. اکنون می توانید با استفاده از قدرتمندترین و سازگارترین چارچوب JavaScript Framework AngularJS، وب سایت خود را توسعه دهید. بدون شک، چارچوب های جاوا اسکریپت مانند Angular JS ، Ember و غیره آینده توسعه وب هستند.

Hire Dedicated Angular JS Developers at Affordable Price | Need ...

HTML5: Get your hands dirty with this lightweight markup language by developing your first single page web application, ranging from music to media.

CSS3: To give a great look and feel for HTML5 pages, learn how to describe your styles using CSS3. Learn advanced aspects like 2D and 3D transformations to hook users to your website.

Bootstrap: Build responsive, mobile-first projects on the web with the world’s most popular frontend component. Started by Twitter, this open source toolkit helps you develop with HTML, CSS, and JavaScript to quickly build your entire frontend.

JavaScript: Give “life” to your web-page by integrating your page with JavaScript. Build hands-on programming skill with JavaScript (ECMA 5) to convert given problem statement to working program. Leverage JavaScript features DOM manipulation, Form Handling and AJAX to bring interactivity.

jQuery: jQuery is a small and feature-rich JavaScript library to manipulate HTML efficiently. Learn various features of jQuery and build more functionality with lesser code.

Angular: Angular is a framework for building Single Page Applications (SPA). Leverage Angular features like Components, Services, Binding, Directives etc to build rich applications by programming using TypeScript.

React.js: is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components.

Vue.js: is an open-source progressive JavaScript framework for building user interfaces (UIs) and single-page applications; it is commonly referred to as Vue. This framework uses “high decoupling”, allowing developers to progressively create user interfaces (UIs).

سرفصل ها
  • Create the document structure by using HTML
  • Write code that interacts with UI controls
  • Apply styling to HTML elements programmatically
  • Implement HTML5 APIs
  • Establish the scope of objects and variables
  • Create and implement objects and methods
  • Implement program flow
  • Raise and handle an event
  • Implement exception handling
  • Implement asynchronous programming
  • Create a web worker process
  • Validate user input by using HTML5 elements
  • Validate user input by using JavaScript
  • Consume data
  • Serialize, deserialize, and transmit data
  • Style HTML text properties
  • Style HTML box properties
  • Create a flexible content layout
  • Create an animated and adaptive UI
  • Find elements by using CSS selectors and JQuery
  • Structure a CSS file by using CSS selectors
  • React
  • Introduction
  • ES6
  • Render HTML
  • JSX
  • Components
  • Props
  • State
  • Lifecycle
  • Events
  • Forms
  • Styling React Using CSS
  • Sass
  • AngularJS
  • Introduction
  • Expressions
  • Modules
  • Directives
  • ng-model Directive
  • Data Binding
  • Controllers
  • Scope
  • Filters
  • Services
  • AJAX - $http
  • Tables
  • Select Boxes
  • SQL
  • HTML DOM
  • Events
  • Forms
  • Validation
  • API
  • Animations
  • Routing
پیش نیازها

علاقه به طراحی سایت

تقویم آموزشی
9000
Frontend Developer

Frontend Developer

دوره آموزشی ارشد توسعه دهنده وب سمت کاربر (مهندسی فرانت اند) Frontend Developer (HTML, CSS, Bootstrap, JavaScript, jQuery, React, AngularJS)

مدرس: مهندس داوود بهزاد

طول دوره: ۷۰ ساعت
شهریه: ۱,۹۲۰,۰۰۰ تومان

تاریخ شروع: ۱۳۹۹/۱۱/۲۵
شنبه . دوشنبه . چهارشنبه
زمان برگزاری: ۱۷:۳۰ - ۱۹:۰۰
وضعیت دوره:بصورت حضوری و لایو
9000
Frontend Developer

Frontend Developer

دوره آموزشی ارشد توسعه دهنده وب سمت کاربر (مهندسی فرانت اند) Frontend Developer (HTML, CSS, Bootstrap, JavaScript, jQuery, React, AngularJS)

مدرس: مهندس داوود بهزاد

طول دوره: ۷۰ ساعت
شهریه: ۱,۹۲۰,۰۰۰ تومان

تاریخ شروع: ۱۳۹۹/۰۵/۰۴
شنبه . دوشنبه . چهارشنبه
زمان برگزاری: ۱۹:۳۰ - ۲۱:۰۰
زمان کلاسهای حضوری رفع اشکال و ارائه پروژه: هر دو هفته یک بار شنبه ها از ساعت 18:30تا 21:00
9926
Frontend Developer

Frontend Developer

دوره آموزشی ارشد توسعه دهنده وب سمت کاربر (مهندسی فرانت اند) Frontend Developer (HTML, CSS, Bootstrap, JavaScript, jQuery, React, AngularJS)

مدرس: مهندس داوود بهزاد

طول دوره: ۷۰ ساعت
شهریه: ۱,۹۲۰,۰۰۰ تومان

تاریخ شروع: ۱۳۹۹/۰۸/۲۱
شنبه . دوشنبه . چهارشنبه
زمان برگزاری: ۱۶:۰۰ - ۱۸:۳۰
وضعیت دوره:بصورت حضوری و لایو

با ما همراه بشین

  • موسسه انفورماتیک بین الملل
  • تلفن تماس: ۰۵۱۳۷۶۴۹۳۳۹ - ۰۵۱۳۷۶۳۲۸۱۲
  • ایمیل: i3center.inc@gmail.com
  • ساعت کاری: از ۸:۳۰ تا ۲۰:۰۰
  • مشهد - بلوار فردوسی - مهدی ۳ - پلاک ۲۴
  • آمار
  • بازدیدهای سایت: 4201062
  • کلاس های آموزشی: 99
  • استادان: 64
  • پرسنل: 11