[et_pb_section fb_built=”1″ disabled_on=”off|off|off” admin_label=”Header” _builder_version=”3.10.1″ parallax=”on” max_width_last_edited=”on|desktop” custom_padding=”0||0|0px|false|false” top_divider_height=”0px”][et_pb_row custom_padding=”27px|0px|0|0px|false|false” _builder_version=”3.10.1″][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.19.18″ text_font=”||||||||” text_font_size=”17px” text_line_height=”1.9em” header_font=”|300|||||||” header_font_size=”60px” header_font_size_tablet=”40px” header_font_size_phone=”32px” header_font_size_last_edited=”on|phone” header_line_height=”1.4em” header_2_font=”Roboto|300|||||||” header_2_font_size=”50px” header_2_line_height=”1.2em” header_4_font=”|600|||||||” header_4_text_color=”#666666″ header_4_line_height=”2em” max_width=”136%” custom_margin=”|||” locked=”off”]

Full-day workshop:

One app, 3 Frameworks

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_image src=”https://romania.voxxeddays.com/wp-content/uploads/2019/03/Workshop-bw.jpg” _builder_version=”3.19.18″ border_radii=”on|0%|0%|0%|0%” max_width=”80%”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px|false|false” _builder_version=”3.10.1″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px|false|false” _builder_version=”3.10.1″][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.19.18″ text_font=”Sansation|300|||||||” link_font=”||||||||” ul_font=”||||||||” ol_font=”||||||||” quote_font=”||||||||” header_font=”||||||||”]

Why this workshop?

Angular, React or Vue? Which one is better? Which one is faster? Which one is easier to learn? There are no “right” answers for this questions other than “It depends”. During this workshop we will not attempt to give out any definitive verdicts regarding which is the “bestest” framework. Instead we will focus on another question: “Given the strengths and weaknesses of each framework, which one best suits the needs of my team and my next project?”

For this we will have 3 sessions of 2 hours in which we briefly showcase each framework by building a simple app with the same features in Angular, React and in Vue. We will cover the underlying principles and main building blocks for each framework in order to give the attendance a good basic understanding of how to accomplish basic tasks such as building a simple component architecture, state management, making a http call, routing and forms.

After going through building the app in all the frameworks, we will have a side by side comparison of the resulting  code and draw some objective conclusions based on our experience.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.19.18″ text_font=”|300|||||||” custom_margin=”|||65px”]

What will you learn?

During the session we will build the same simple application together, using Angular, React and Vue. We will focus on main tasks, which  are common to most applications, such as building a component hierarchy, listing components, making http calls, state management, routing, and forms.

 

Due to time constraints we will not be doing much live coding but rather walk through code examples of how to achieve the desired tasks and explain the framework specific underlying principles for accomplishing those tasks.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.19.18″ text_font=”Sansation|300|||||||” link_font=”||||||||” ul_font=”||||||||” ol_font=”||||||||” quote_font=”||||||||” header_font=”||||||||”]

Who are the trainers?

Andrei Antal (Angular) – Andrei is a seasoned developer with experience in building high quality web applications for both startup and enterprise clients using Angular. In his free time he organizes the Angular meetup group in Bucharest.

 

Bogdan Luca (Vue) – Jumping between devops, backend and frontend development, after taking a sip of Vue.js about two years ago, I just couldn’t let it down. As I like to say, Vue.js is the framework that makes frontend development great again! Therefore along a few freelancing projects, I started helping people on the official Vue.js chat, learning a lot in the process – especially the hurdles someone starting with Vue.js goes through.

 

Sabin Marcu (React) – Sabin is the youngest JSLeague trainer, an accomplished front-end developer and ReactJS expert. Sabin‘s experience and passion is for open source projects and the internals of framework development.

 

Who is it for?

This workshop is aimed at  a wide range of professionals from  developers that are just learning web development, to developers who have good experience in one of the frameworks, to tech leads looking to make a better informed decision on the tech stack of their next project.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Speakers” _builder_version=”3.10.1″ background_color_gradient_direction=”121deg” background_size=”initial” background_position=”top_left” custom_padding=”0|0px|54px|0px|false|false”][et_pb_row custom_padding=”0|0px|27px|0px|false|false” _builder_version=”3.8″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.19.18″ text_font=”|300|||||||”]

WorkTechnical requirements:

Some prior experience with HTML, CSS, JavaScript/ES6 and building Single Page Applications will be needed in order to follow along with the code examples.

No prior knowledge of any of the frameworks is required since we will go through the basics of each during the workshop.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|27px|0px|false|false” _builder_version=”3.8″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.16.1″ text_font=”|300|||||||”][/et_pb_text][et_pb_button button_url=”https://romania.voxxeddays.com/product/combo-conference-day-one-app-3-frameworks-full-day-workshop-voxxed-days-frontend-2019/” url_new_window=”on” button_text=”Buy combo ticket ” button_alignment=”center” _builder_version=”3.19.18″ custom_button=”on” button_text_size=”20px” button_text_color=”#ffffff” button_bg_color=”#18b9f0″ button_border_width=”8px” button_border_color=”rgba(0,0,0,0)” button_border_radius=”0px” button_letter_spacing=”0px” button_font=”|700||on|||||” button_use_icon=”off” box_shadow_style=”preset1″ custom_margin=”40px|||” button_text_color_hover=”#ffffff” button_border_radius_hover=”100px” button_letter_spacing_hover=”3px” locked=”off” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”on” button_border_radius__hover=”0px” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0px” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”27px|0px|0|0px|false|false” _builder_version=”3.8″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.9″ text_font=”||||||||” text_font_size=”20px” text_line_height=”1.9em” header_font=”||||||||” header_2_font=”Roboto|300|||||||” header_2_font_size=”50px” header_2_font_size_tablet=”40px” header_2_font_size_phone=”32px” header_2_font_size_last_edited=”on|phone” header_2_line_height=”1.2em” max_width=”700px” max_width_last_edited=”on|desktop” locked=”off”]

Speaker

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.8″][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_team_member name=”ANDREI ANTAL” position=”Frontend Engineer & Organizer @ ngBucharest” image_url=”https://voxxedromania.ams3.cdn.digitaloceanspaces.com/2019FRONTEND/speakers/andrei-antal-700.jpg” _builder_version=”3.19.18″ header_level=”h5″ header_font=”Roboto||||||||” header_font_size=”24px” header_line_height=”1.2em” body_font=”||||||||” body_font_size=”16px” body_line_height=”1.9em” border_radii_image=”on|100%|100%|100%|100%” text_orientation=”center” animation_style=”zoom” animation_direction=”bottom” animation_delay=”150ms” animation_intensity_zoom=”10%” locked=”off”][/et_pb_team_member][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_team_member name=”BOGDAN LUCA” position=”Dev&Ops @CodeSandbox.io” image_url=”https://voxxedromania.ams3.cdn.digitaloceanspaces.com/2019FRONTEND/speakers/bogdan-luca-700.jpg” _builder_version=”3.19.18″ header_level=”h5″ header_font=”Roboto||||||||” header_font_size=”24px” header_line_height=”1.2em” body_font=”||||||||” body_font_size=”16px” body_line_height=”1.9em” border_radii_image=”on|100%|100%|100%|100%” text_orientation=”center” animation_style=”zoom” animation_direction=”bottom” animation_delay=”150ms” animation_intensity_zoom=”10%” locked=”off”][/et_pb_team_member][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_team_member name=”SABIN MARCU” position=”Associate Software Engineer @ R/GA” image_url=”https://voxxedromania.ams3.cdn.digitaloceanspaces.com/2019FRONTEND/speakers/sabin-marcu-700.jpg” _builder_version=”3.19.18″ header_level=”h5″ header_font=”Roboto||||||||” header_font_size=”24px” header_line_height=”1.2em” body_font=”||||||||” body_font_size=”16px” body_line_height=”1.9em” border_radii_image=”on|100%|100%|100%|100%” text_orientation=”center” animation_style=”zoom” animation_direction=”bottom” animation_delay=”150ms” animation_intensity_zoom=”10%” locked=”off”][/et_pb_team_member][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.11.1″][et_pb_column type=”4_4″ _builder_version=”3.11.1″][et_pb_button button_url=”https://romania.voxxeddays.com/frontend/#speakers” url_new_window=”on” button_text=”SEE ALL OUR SPEAKERS” button_alignment=”center” _builder_version=”3.19.18″ custom_button=”on” button_font=”||||||||” button_use_icon=”off” box_shadow_style=”preset1″ button_text_color_hover=”#ffffff” button_bg_color_hover=”#18b9f0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”#18b9f0″ button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]