PERIOADA DE DESFĂȘURARE A CURSULUI
DATA:
Din 8 ianuarie 2024
DURATA:
48 de lecții complete,
Marți & Joi, 18:30-20:00
Acest curs complet realizat împreună cu un specialist Endava își propune să te ajute în dobândirea cunoștințelor fundamentale de programare web - tot ce trebuie să știi despre HTML/CSS, JavaScript și framework-ul Vue.js.
48 de lecții structurate în 3 module, fiecare având câte 2 luni.
Acest curs te ajută să dezvolți cunoștințele necesare pentru cariera de Front End Developer.
Un program complet astfel încât să înveți de la elementele de bază până la cele mai complexe.
Rezervă-ți timp ca să înveți și să absolvi cursul de Front-End Development.
Cursul ideal pentru tine dacă ești:
-
Web Designer
Dacă visezi să îți extinzi setul de abilități învață cum să implementezi proiecte folosind codul și cum să creezi aplicații web interactive. Învață JavaScript și framework-ul Vue.js.
-
Junior Front-End Developer
Cursul acesta își propune să îți arate cum să dezvolți site-uri web și aplicații folosind tehnologii precum HTML, CSS și JavaScript.
-
Career shifters
Dacă te-ai hotărât să încerci altceva în carieră și ești pregătit de o spectaculoasă schimbare în development, ăsta e ABC-ul de care ai nevoie.
-
Software Tester
Ai ocazia de a evolua în carieră și a învăța ce implică munca pe care o fac ceilalți colegi din departamentul de Development.
Modulele pe care ți le-am pregătit:
-
HTML/CSS La finalul acestui modul vei înțelege conceptele tehnice din HTML și CSS, cât și cum se implementează un proiect practic sub forma unui landing-page/website modern și responsive.
-
JavaScript În continuarea primului modul vei dezvolta cunoștințe complete de JavaScript, vei ști cum să folosești platforma Github în colaborare cu alți developeri și cum să realizezi un proiect folosind doar Vanilla JavaScript.
-
Vue.js Ultimul modul te va ajuta cu conceptele tehnice din framework-ul Vue.js, construirea unei aplicații web moderne pentru un ECommerce shop dezvoltat cu ajutorul librăriei Vue.js și publicarea pe internet a proiectului dezvoltat.
Despre lector:
George Brata
- Senior Web Developer @ Endava
- +4 ani Mentor Scratch, Python & Javascript @ Digital Kids Cluj
- Resource Library contributor @ National Geographic
- Fondator @ Cuvântul Zilei
- +7 ani experiență în web development
Programa cursului
-
01
Web - Cuprins
Tematică: HTML & CSS- Web Intro
- Investigare cod sursă website preferat
- Web page structure, metadata, DevTools
- Codepen First Project
- HTML Basics
- Basic semantic HTML elements - text, headings
- Basic HTML attributes - title
- CSS Basics
- Inline styles, basic CSS selectors: tag, class, id
- HTML Media
- Images, icons, Videos, Audio elements, embedding iframe
- Semantic HTML
- ul, li, nav, section, canvas
- Layout CSS
- Box Model, positioning, Flexbox, ?grid system?
- HTML forms
- Inputs, radio buttons, checkbox, select, file upload
- CSS Libraries - z-index, Icons, Bootstrap, Tailwind
- Advanced CSS: I
- Advanced selectors, SCSS - sassmeister.com
- Animations, transitions, 2D/3D transforms - rupl.github.io/unfold
- Responsive CSS Patterns
- Media queries, variables, layout
- Web Components basics
- template element, slot, shadow DOM
- Advanced CSS: II
- CSS relative units, gradient, round borders
- More practical exercises
- HTML Accessibility - WCAG Accessibility Guidelines, HTML Quiz
- Web SEO and Audit tools
- Lighthouse tool tutorial, CSS Web Vitals, CSS Quiz
- SEO Best Practices
- Proiect practic: Implementare layout website popular de la zero
- Web Intro
-
02
Web - Cuprins
Tematică: Javascript- Javascript Intro
- Javascript history, evolution and next steps
- Javascript in the wild, Developer Tools console
- Javascript basic syntax
- Javascript Fundamentals I
- Variables, operations, operators
- DOM manipulations
- Javascript Fundamentals II
- If, for, while, switch
- Git Fundamentals - TODO: middle of the module
- Learngitbranching.js.org / github.com/apps/github-learning-lab
- Web APIs - geolocation
- Data Structures
- Arrays, Objects, JSON
- Design patterns
- Javascript built-in functions
- Array.push(), Object.clone()
- Web Fundamentals
- Cookies, Local Storage
- API requests
- Javascript Classes and Modules
- Npm packages and how to use them
- Async functions
- Promises, callbacks, async/await
- Working with REST APIs
- Web Vitals Best Practices
- LCP, FID
- Advanced Javascript
- Prototype-based inheritance / Classes
- Service workers - serviceworkies.com
- Proiect practic - Create from the scratch the Hangman Game
- Javascript Intro
-
03
Web - Cuprins
Tematică: Vue.js- Vue.js Intro
- Javascript history, evolution and next steps
- Vue.js in the wild, Vue.js DevTools Chrome Extension
- Vue.js basic syntax - Vue Playground
- Vue.js Basics
- Template Syntax - 2-way data binding, reactivity
- Directives - v-if, v-for, v-show
- Component Communication
- Single File Components
- Props, emits
- Composables Fundamentals: Computed / Watchers
- Vue Router
- Static, nested, dynamic routes
- Navigation guards
- State Management with Pinia
- Forms - validation, error handling
- Vue Advanced Composables
- Testing with Vue.js
- Vue’s Vibrant Ecosystem
- npm, vite, vue-cli
- Advanced Patterns - |slots|, error handling, external component library
- Production-ready
- Performance, security and deployment best practices
- Proiect practic eCommerce - Implementare aplicație web standard - eCommerce shop
- Proiect practic eCommerce - Reusable Components (Header, footer, list)
- Proiect practic eCommerce - Products Page (API request, search, filters)
- Proiect practic eCommerce - Cart Page, Checkout Page, Testing & DevOps
- Vue.js Intro
Află mai multe
Completează formularul de înregistrare și un consultant Skillab te va contacta cât de curând posibil pentru a-ți oferi mai multe informații despre conținut și taxa de participare.