Powered by

Storydoc

 

Frontend Developers

with React

Course Syllabus

2022

expand_more

אודות abra labs

מרכז ההכשרות abra labs הוקם בשנת 2010 כמענה לצורך הולך וגובר של לקוחות, שותפים וארגונים בגוף הדרכה אשר יספק ידע טכנולוגי עדכני ופרקטי. abra labs מתמחה במגוון תחומי ידע מעולם טכנולוגיות המידע כגון: CRM, ERP, PPM, BI, תשתיות וענן, שפות פיתוח מובילות, פיתוח דיגיטל, פיתוח אפליקציות ארגוניות ועוד.   

קרא עוד 🔽

סגור 🔽

date_range

משך הקורס: 51 ימי הדרכה
 

access_time

ימי ראשון: 9:00-13:00

ימי רביעי: 16:00-20:00
 

description

היקף שעות: כ- 200 שעות

location_on

מיקום: מקוון

צוות הקורס

את הקורס מובילים מדריכים מנוסים בעלי רקע כמנהלי פרויקטים, מיישמים ומטמיעים בעלי נסיון רחב ומעשי ביישום והטמעת עשרות מערכות מידע.

analytics_default

Prerequisites

Degree / Certificate in Computer

ScienceExperience in development

UI / UX

Overview

This course is for who wish to become front-end developers. We will start with the basics of HTML/CSS, and dive deep into javascript programming language and the React framework. In addition, we will spice it up with some advanced features such as Redux/Typescript/Styled components and React Query

Certificate

abra labs diploma

תכני הקורס

Subject 1

Subject 2

Subject 3

Subject 3

Subject 3

chevron_right
chevron_left

Understand Your Computer

 

  • Basic understanding of your computer hardware and functions
  • Development languages and differences
  • Basic Web development languages and tools
    • What is HTML
    • What is CSS
    • What is JS
    • What is React
    • What is VSCode
    • What is the Devtool
  • Differences between client and server developme

     

HTML Basics

  • Basic HTML
    • Elements
    • Attributes
    • Headings
    • Paragraphs
    • Links
    • Images
    • Tables
    • Lists
    • Forms
  • Advance HTML
    • Styling
    • Colors
    • Classes and IDs
    • Iframe

CSS

    • CSS Syntax
      • Selectors
      • Colors
      • Backgrounds
      • Borders
      • Margins and padding
      • Height and Width
      • Text
      • Fonts
  • Advanced CSS
    • The Boxing model
    • Display and positioning
    • CSS Units
    • Flexbox
    • CSS Grid
    • Responsive CSS
    • Intro to SASS

 

  • JavaScript
    • Intro to development
    • Variables
    • Statements
    • Data types
    • Conditions
    • Loops
    • Arrays
    • Functions
  • NPM
  • React
    • Introduction to Components based framework
    • Intro to JSX
    • What is React
    • Props
    • Basic components
    • React Hooks
    • Originating a react project
    • React State, useState
    • Conditional Rendering
    • Styling React Components
    • useEffect
    • useMemo/useCallback/useReducer/useRef
    • HTTP requests / Axios
    • React Router
    • Context-API

 

Redux

  • Redux-thunk
  • Redux toolkit
    • Styled components          
    • TypeScript
    • React-Query
  • Git basics
  • Unit-tests in a nutshell

We’ll tech you there!

אברא טכנולוגיות מידע בע"מ

רפפורט 3, מגדל קניון כפר סבא הירוקה, קומה 16

טלפון: 073-277-0000  |  דוא"ל: abralabs@abra-it.com