back to R&D Catalog

Front-end

Developer

Empower R&D teams with complete front-end web skill sets to support personal and organizational growth. Participants will gain up-to-date knowledge, tools, and skills on client side, enabling them to build beautiful front-end designs and experiences.

get in touch

The Program

Audience

All

Duration

2 Months

Format

F2F / Remote

Sessions

Live

Size (up to)

20 Learners

Our Vision

Progress from programming novice to smoothly entering the tech industry as a front-end web developer.

Desired
Outcomes

Understand front-end web development inside and out

Gain extensive, hands-on experience with projects of all kinds

Not only coding – learn the mindset of a front-end developer

The Program

Audience

All

Duration

2 Months

Format

F2F / Remote

Sessions

Live

size (up to)

20 Learners

Our Vision

Progress from programming novice to smoothly entering the tech industry as a front-end web developer.

Desired
Outcomes

Understand front-end web development inside and out

Gain extensive, hands-on experience with projects of all kinds
Not only coding – learn the mindset of a front-end developer

Web
Front-end

1

Web Development Basics

SEE DETAILS 

2

JavaScript Essentials

SEE DETAILS 

3

JavaScript for Web Development

SEE DETAILS 

Client Frameworks

A

React

SEE DETAILS 

B

Angular

SEE DETAILS 

Web Front-end

Web Development Basics

See details

JavaScript Essentials

See details
JavaScript
for Web Development
See details

Client Frameworks

React

Angular

See details
See details
get in touch

Our Partners and Customers

Our Partners
& Customers

Testimonials

“Measuring the data mindset before and after the Data Literacy Training with Elevation has shown a clear increase in the data driven mindset. The blended sessions were tailored to our needs and met our goals.”
Ebony MorczinekCEO Europe Marley Spoon
Ebony Morczinek
“Thanks to Elevation, our successful reskilling program was announced as the winner of Israel's National HR awards 2020.”
Michal BariBank Hapoalim Campus, BH Bank
Michal Bari
“Elevation helped us upskill hundreds of people and businesses with the most relevant and up to date tech skills.”
Shimon ShmooelyPublic Policy & Government Relations Manager, Google Israel
Shimon Shmooely
Previous
Next
“Measuring the data mindset before and after the Data Literacy Training with Elevation has shown a clear increase in the data driven mindset. The blended sessions were tailored to our needs and met our goals.”
Ebony MorczinekCEO Europe Marley Spoon
Ebony Morczinek
“Thanks to Elevation, our successful reskilling program was announced as the winner of Israel's National HR awards 2020.”
Michal BariBank Hapoalim Campus, BH Bank
Michal Bari
“Elevation helped us upskill hundreds of people and businesses with the most relevant and up to date tech skills.”
Shimon ShmooelyPublic Policy & Government Relations Manager, Google Israel
Shimon Shmooely

FAQ

What is the difference between a full-stack developer and a front-end developer?
A front-end developer develops the elements of a product that users interact with while a full-stack developer can work cross-functionally on both the front end and back end - the full “stack” of technology
Do I need previous coding experience?
It is best to have previous coding experience for this demanding program. However, it is possible to successfully complete the program without previous coding experience, but it will require extensive effort and motivation.
What are the delivery methods for your training?
We understand that every organization has its unique setting which dictates the relevant learning environment. We support them all!
- Online (via zoom or Microsoft Teams) vs. In Person (at any location designated by you) vs. Hybrid
- Instructor lead vs. self learning with our Learning System vs. Hybrid
How many participants can attend the same course?
In order to ensure an effective learning process, based on our professional experience, a cohort of participants should be up to 20. In the case of a group of participants more than 20 and up to 40, we offer a TA (teacher assistant).
Is your training interactive?
Definitely!
We believe that the best way to learn and evolve is through experience and hands-on practice.
Who delivers your courses?
All our instructors are professionals with proven experience, which were certified by Elevation to become exceptional instructors.
What will the participants leave with?
Do you mean anything except for new knowledge and skills?!
In each course we provide takeaways to the participants with summary and cheat sheets. In addition, the access to course content remains available on the Elevation Learning System up to 6 months after the end of course.

Contact info

Copyright 2024 © All rights Reserved.
Design by Elevation

Web front-end

Web Development Basics

prerequisites

No prior knowledge is required

Format

Face to Face / Zoom

Duration

35 Hours

Web Development Basics

prerequisites

No Prior Knowledge Is Required

Format

Face To Face / Zoom

Duration

35 Hours

Participants will learn the building blocks of web development. They will learn the basics of HTML (content), CSS (styling), how to layout a web page, and how to design responsive sites. Finally, participants will be able to build a static website.

Overview

Foundational knowledge needed for the basics of web development:
  • HTML Basics
  • CSS Basics
  • CSS Layout

Desired Outcomes

  • Understand web development terms and processes
  • Read and apply HTML & CSS
  • Build a static website

Outline

HTML Basics
  • HTML Syntax Anatomy
  • Popular Elements & Attributes
  • Global Attributes
  • Block vs. Inline Elements
CSS Basics
  • CSS Syntax Anatomy
  • CSS Selectors
  • Shorthand properties
  • CSS inheritance
Developer Tools
  • Web debugger basics
CSS Layout
  • Positioning & Box Model
  • Grid
Responsive Web Design
  • Adapting websites to different devices (mobile, tablet, desktop, etc.)
Building a static web site
Participants will learn the building blocks of web development. They will learn the basics of HTML (content), CSS (styling), how to layout a web page, and how to design responsive sites. Finally, participants will be able to build a static website.

Overview

Foundational knowledge needed for the basics of web development:
  • HTML Basics
  • CSS Basics
  • CSS Layout

Desired Outcomes

  • Understand web development terms and processes
  • Read and apply HTML & CSS
  • Build a static website

Outline

HTML Basics
  • HTML Syntax Anatomy
  • Popular Elements & Attributes
  • Global Attributes
  • Block vs. Inline Elements
CSS Basics
  • CSS Syntax Anatomy
  • CSS Selectors
  • Shorthand properties
  • CSS inheritance
Developer Tools
  • Web debugger basics
CSS Layout
  • Positioning & Box Model
  • Grid
Responsive Web Design
  • Adapting websites to different devices (mobile, tablet, desktop, etc.)
Building a static web site
Next

Web front-end

JavaScript Essentials

prerequisites

Programming background in any language

Format

Face to Face / Zoom

Duration

70 Hours

JavaScript Essentials

prerequisites

Programming background in any language

Format

Face To Face / Zoom

Duration

70 Hours

Participants will learn all there is to know about the JavaScript programming language. They will practice solving algorithms at different levels and learn about JavaScript’s unique capabilities and features.

Overview

JavaScript programming language essentials:
  • JavaScript Basics
  • JavaScript Drill Down
  • Solving Algorithms

Desired Outcomes

  • Understand the fundamentals of JavaScript as a programming language
  • Run, debug and troubleshoot JavaScript code
  • Solve beginner and intermediate algorithms using data structures in JavaScript

Outline

JavaScript Basics
  • JavaScript Syntax Anatomy
  • Variables (Primitives, Objects, Arrays)
  • Conditions
  • Loops
  • Functions
JavaScript Drill Down
  • Scope
  • Arrow Functions
  • Callbacks
  • Closure
  • Event Loop
  • OOP
Algorithms & Data Structures
  • Strategies for solving algorithm questions
  • Common algorithms (e.g. binary search,
    merge sort, bfs/dfs, etc.)
  • Complexity (Big O notation)
  • Data structures (e.g. lists, map, etc.)
Participants will learn all there is to know about the JavaScript programming language. They will practice solving algorithms at different levels and learn about JavaScript’s unique capabilities and features. Finally, participants will master JavaScript coding.

Overview

JavaScript programming language essentials:
  • JavaScript Basics
  • JavaScript Drill Down
  • Solving Algorithms

Desired Outcomes

  • Understand the fundamentals of JavaScript as a programming language
  • Run, debug and troubleshoot JavaScript code
  • Solve beginner and intermediate algorithms using data structures in JavaScript

Outline

JavaScript Basics
  • JavaScript Syntax Anatomy
  • Variables (Primitives, Objects, Arrays)
  • Conditions
  • Loops
  • Functions
JavaScript Drill Down
  • Scope
  • Arrow Functions
  • Callbacks
  • Closure
  • Event Loop
  • OOP
Algorithms & Data Structures
  • Strategies for solving algorithm questions
  • Common algorithms (e.g. binary search,
    merge sort, bfs/dfs, etc.)
  • Complexity (Big O notation)
  • Data structures (e.g. lists, map, etc.)
Previous
Next

Web front-end

JavaScript for Web Development

prerequisites

JavaScript Essentials course

Format

Face to Face / Zoom

Duration

35 Hours

JavaScript
for Web Development

prerequisites

JavaScript Essentials Course

Format

Face To Face / Zoom

Duration

35 Hours

Participants will learn about JavaScript integration with the browser, including how to make requests to a remote server, process the data, and update the web page accordingly. These skills will enable the participants to create a dynamic website.

Overview

JavaScript integration with the browser:
  • Manipulating the DOM
  • Making AJAX requests

Desired Outcomes

  • Work with JavaScript in the browser
  • Make API calls, process the response, and update the DOM
  • Build a dynamic website that is integrated with an API

Outline

Working with the Browser
  • Events
  • Changing the contents of an HTML element
  • Changing the value of an HTML attribute
  • Changing the style
  • Local Storage
  • Developer tools (debugging)
AJAX
  • Intro to AJAX and APIs
  • Promises, Async/Await
  • API Calls, processing JSON response
  • Developer tools (network tab)

Building a Dynamic Website

  • DOM is dynamically manipulated
  • Data is fetched from an API
Participants will learn about JavaScript integration with the browser, including how to make requests to a remote server, process the data, and update the web page accordingly. These skills will enable the participants to create a dynamic website.

Overview

JavaScript integration with the browser:
  • Manipulating the DOM
  • Making AJAX requests

Desired Outcomes

  • Work with JavaScript in the browser
  • Make API calls, process the response, and update the DOM
  • Build a dynamic website that is integrated with an API

Outline

Working with the Browser
  • Events
  • Changing the contents of an HTML element
  • Changing the value of an HTML attribute
  • Changing the style
  • Local Storage
  • Developer tools (debugging)
AJAX
  • Intro to AJAX and APIs
  • Promises, Async/Await
  • API Calls, processing JSON response
  • Developer tools (network tab)

Building a Dynamic Website

  • DOM is dynamically manipulated
  • Data is fetched from an API
Previous
Next

client frameworks

React

prerequisites

JavaScript for Web Development course

Format

Face to Face / Zoom

Duration

75 Hours

React

prerequisites

JavaScript for Web Development Course

Format

Face To Face / Zoom

Duration

75 Hours

React is a JavaScript library for building user interfaces, created and maintained by Facebook/Meta. Participants will learn how to separate the UI into reusable components, build a SPA (Single Page Application) using routing, work with state management, and more.

Overview

Build user interfaces with React:
  • React Basics
  • JSX
  • React Drill Down
  • State Management (MobX/Redux)

Desired Outcomes

  • Understand the concept of client side rendering
  • Turn a UI into reusable components
  • Build a client side web application using React

Outline

React Basics
  • Components
  • JSX
  • Props
  • State
  • Forms (Controlled Components)
React Drill Down
  • Lifting the State
  • Lifecycle + AJAX calls
  • Hooks
  • Routing
State Management (Mobx/Redux)
  • Observable
  • Actions
  • Computed
  • Provide and Inject
Building a React-powered front-end web application
React is a JavaScript library for building user interfaces, created and maintained by Facebook / Meta. Participants will learn how to separate the UI into reusable components, build a SPA (Single Page Application) using routing, work with state management, and more.

Overview

Build user interfaces with React:
  • React Basics
  • JSX
  • React Drill Down
  • State Management (MobX/Redux)

Desired Outcomes

  • Understand the concept of client side rendering
  • Turn a UI into reusable components
  • Build a client side web application using React

Outline

React Basics
  • Components
  • JSX
  • Props
  • State
  • Forms (Controlled Components)
React Drill Down
  • Lifting the State
  • Lifecycle + AJAX calls
  • Hooks
  • Routing
State Management (Mobx/Redux)
  • Observable
  • Actions
  • Computed
  • Provide and Inject
Building a React-powered front-end web application
Previous
Next

client frameworks

Angular

prerequisites

JavaScript for Web Development course

Format

Face to Face / Zoom

Duration

75 Hours

Angular

prerequisites

JavaScript for Web Development Course

Format

Face To Face / Zoom

Duration

75 Hours

Angular is a platform for building web applications, originally developed at Google. Participants will learn how to separate the UI into reusable components, build a SPA (Single Page Application) using routing, work with state management, and more.

Overview

Build user interfaces with Angular:
  • TypeScript
  • Angular Basics
  • Angular Drill Down
  • State Management

Desired Outcomes

  • Understand the concept of client-side rendering
  • Turn a UI into reusable components
  • Build a client-side web application using Angular

Outline

TypeScript
Angular Basics
  • Components
  • Services
  • Templates
  • Modules
  • Directives
Angular Drill Down
  • Dependency Injection
  • Routing
  • RxJS
State Management
  • NgRx
Building a Angular-powered front-end web application
Angular is a platform for building web applications, originally developed at Google. Participants will learn how to separate the UI into reusable components,build a SPA (Single Page Application) using routing, work with state management, and more.

Overview

Build user interfaces with Angular:
  • TypeScript
  • Angular Basics
  • Angular Drill Down
  • State Management

Desired Outcomes

  • Understand the concept of client-side rendering
  • Turn a UI into reusable components
  • Build a client-side web application using Angular

Outline

TypeScript
Angular Basics
  • Components
  • Services
  • Templates
  • Modules
  • Directives
Angular Drill Down
  • Dependency Injection
  • Routing
  • RxJS
State Management
  • NgRx
Building a Angular-powered front-end web application
Previous

מאז פרוץ המלחמה ב-7.10.23 פיתחנו יחד עם שותפים רבים ומגוונים תוכניות הכשרה שמטרתן לתמוך ולסייע לאוכלוסיות שהושפעו מהמצב בישראל

קראו עוד