Odyssea Logo

Courses coming up:

Find us on social media:

Front-end Web Development

Front-end Web Development

Free
Categories:
Programming vocational training course

About this course

Join our free Front-end Web Development course

 

A Web Developer is responsible for the coding, design and layout of a website according to a company’s specifications. As the role takes into consideration user experience and function, a certain level of both graphic design and computer programming is necessary.

 

The most common web technologies and coding languages will be presented during the course (HTML/CSS, JavaScript) and students will have the opportunity to participate in the design and implementation of a complete web project.

  • Language: GR / EN
  • Total Duration: 60 hours
  • Duration / Class: 3 hours
  • Classes per week (approx.): 2-3

Mini Syllabus

  • HTML/CSS ARIA Internet HTML syntax
  • HTML/CSS Accessing the DevTools. The DevTools window. Inspecting the DOM and styles. DOM. CSS syntax
  • HTML/CSS Layout flexbox:nth-child. Responsive design, media queries, CSS tricks, developer tools. Recap useful resources on the web
  • JavaScript1. Recap CSS hw – GitHub (branches, forks). JS intro – Variables (var, let, const). Basic Data types (Strings, Numbers, Arrays, Booleans). Operators. Naming conventions
  • JavaScript1. Advanced data types (objects). Conditional execution. Statements vs Expressions
  • JavaScript1. Loops (for/while). Functions. Scope
  • JavaScript2. Capturing user input. Events. Basic DOM manipulations (img src, innerHTML). Code debugging using the browser. Code commenting. Structuring code files. Code formatting
  • JavaScript2. Arrays, Array Manipulations. JSON. Functions. Map, filter and Reduce. Arrow functions 
  • JavaScript2. Closures & Callbacks
  • JavaScript3. Object Oriented Programming and Classes. The «Τhis» keyword.
  • JavaScript3. Promises (re)writing data structures (in JSON). Async vs Sync. Event Loop (order of execution)

Potential Job Placements

  • Web developer
  • UX designer
  • UX researcher
  • Web content manager

Soft Skills

  • Conceptualize original website design ideas
  • Creativity
  • Keep up with the latest web trends
  • Project management
  • Work well under pressure
  • Goal oriented

Hard Skills

  • Knowledge of HTML, CSS, Javascript, or other coding languages
  • UX Design experience
  • Web Server Management
  • Content Management System (CMS)