40410A JavaScript, HTML and CSS Web Development

450€

Acest curs introduce in HTML, JavaScript și CSS ca limbaje de programare care sunt folosite pentru a crea aplicații web. Cursantul va câștiga experiență în fiecare limbaj individual și apoi le va combina pentru a crea soluții de aplicații web. Cursantul va avea ocazia să utilizeze Visual Studio Code pe sistemul de operare ales, pentru a-și crea și testa aplicațiile web. Acest curs prezintă sarcini de bază necesare pentru a crea aplicații web cu o structură semantică puternică, componente de stil reutilizabile și caracteristici interactive personalizate. Acest curs include laboratoare care permit studentului să construiască pagini de bază HTML care sunt componente ale unei aplicații web utilizate pentru a rezolva problemele din lumea reală.

Publicul țintă pentru acest curs este format din persoane care sunt interesate să învețe despre abilitățile de bază necesare dezvoltării web. Acest curs este destinat persoanelor fizice de toate nivelurile. Unele experiențe ușoare cu dezvoltarea de software sunt utile, dar nu sunt necesare.

După finalizarea acestui curs, participantii vor putea:

•Explora contextul istoric și justificarea HTML.
• Crea documente HTML5.
• Utiliza elemente HTML pentru a adăuga conținut la o pagină.
• Utiliza hyperlink-uri pentru a conecta împreună diferite pagini HTML.
• Crea conținut utilizând elementele semantice HTML5.
• Crea grafice SVG.
• Creați pagini CSS.
• Intelege seturi de reguli sofisticate CSS și selectori de reguli.
• Stabili elemente HTML folosind marginea CSS si padding-ul.
• Implementa logica programului folosind JavaScript.
• Folosi API-urile HTML5 utilizând JavaScript.
• Implementa aplicații web avansate folosind jQuery, AngularJS, Bootstrap, TypeScript sau Sass.

Detalii curs

  • Durata 2 zile
  • Nivel 100
  • Limba curs Engleza/Romana
  • Limba suport Engleza
  • Cursanti/grupa 10
  • Examen
  • Certificare
Course Outline

Module 1: Creating Web Pages using Hypertext Markup Language (HTML)

In this module, you will learn how to create a basic HTML document using the core HTML elements. You will learn about the basic structure of an HTML element (content, attributes, etc.) and how they are used in the context of your HTML web pages.

Lessons

  • Introduction to HTML
  • Document Structure and Layout
  • Basic HTML Elements
  • Formatting HTML Elements
  • Hyperlinks

Lab : Creating Web Pages using HTML

  • Configure your Development Environment
  • Using Various HTML Elements on a HTML Page

You will learn how to create a basic HTML document using the core HTML elements.

Module 2: Creating Sophisticated Document Structures using HTML

In this module, you will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents. You will learn when each of these components are used and their significance in the HTML markup spec. You will also learn how to use components such as SVG and media elements.

Lessons

  • Capturing User Input
  • HTML5 Semantic Elements
  • Scalable Vector Graphics (SVG)
  • Implementing Media Controls

Lab : Creating Sophisticated Document Structures

  • Adding Additional HTML Features to Your Web Page

You will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents.

Module 3: Designing Web Pages Elements using Cascading Style Sheets (CSS)

In this module, you will learn how to use CSS to design your HTML web page. You will be introduced to the basic CSS concepts (declaration, rule set, rule, selector, etc.) and implement basic designs using CSS. You will also be introduced to the CSS box model.

Lessons

  • Introduction to CSS
  • Style Definitions
  • Style Inheritance
  • Box Model
  • Fonts

Lab : Designing Web Page Elements using CSS

  • Styling Your Web Page Using CSS

You will learn how to use CSS to design your HTML web page.

Module 4: Implementing Program Flow using JavaScript (JS)

In this module, you will learn how to use JavaScript to add a logical flow to your web page. You will first learn the basics of the JavaScript language and then implement simple JavaScript applications through hands-on exercises.

Lessons

  • Introduction to JavaScript
  • JavaScript Types
  • JavaScript Callbacks
  • Advanced JavaScript
  • HTML5 APIs

Lab : Implementing Program Flow using JavaScript

  • Implement An Image Carousel in JavaScript

You will learn how to use JavaScript to add a logical flow to your web page.

Module 5: Adding External Libraries to Enhance HTML Applications

In this module, you will briefly learn about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code. Featured libraries include: AngularJS, Bootstrap, jQuery, TypeScript and Sass.

Lessons

  • jQuery
  • AngularJS
  • Bootstrap
  • TypeScript
  • Sass

Lab : Adding External Libraries to HTML

  • Modernize Your Web Page

You will get an overview about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code.