Topic outline

  • Module01: Advanced HTML and CSS

    Selectors. Table-HTML. Table-CSS. Div - Span elements 

    Selectors. In this submodule, we will learn how to use CSS selectors to "find" and select HTML elements based on their name, id and class. We also learn to apply CSS rules to multiple classes and to specific content in a list.

    Table-HTML. Tables are used very often. We use them to display visually data organized in rows and columns. In this submodule and we will learn how to use HTML markup to construct a table.

    Pages: 2Books: 4
  • Module02: Introduction to WEB tools

    Tools, Version control, WEB Server

    Popular tools. In this submodule, you will be given a quick overview of several tools, terminal, node.js, Visual Studio Code.
    You will also see the way we use these.

    Page: 1Books: 3
  • Module03: Introduction to Bootstrap

    Introduction to Bootstrap

    Front-end frameworks. In this submodule, you will be given a quick overview of front-end UserInterface frameworks, and an introduction to Bootstrap and JavaScript frameworks.
    You will also be informed what “responsive web design” and "cross-browser compatibility" are.

    Page: 1Books: 3File: 1
  • Module04: Bootstrap CSS Components I

    Bootstrap CSS Components

    Navigation - Icons. In this submodule you will be given an overview of navigation design and the importance of providing appropriate navigation support within your website.
    You will also be informed about the use of icon fonts in web page design

    Page: 1Books: 2
  • Module05: JavaScript I, Insert - Data types

    Introduction to JavaScript. Simple file. Data types

    Introduction to JavaScript. JavaScript is a programming language; this means that is able to make decisions based on data or to do things repetitively. Moreover, it adds interactivity to the browser and enables enriched browser-server communication. JavaScript is the most popular language among web developers.

    Page: 1Books: 3
  • Module06: JavaScript II, Decisions

    JavaScript with HTML and CSS. Making Decisions. Applying the “if” statements

    JavaScript with HTML and CSS. In this submodule , we will use JavaScript variables, a simple function and a simple event (onclick) to combine HTML and CSS with JavaScript. This model of event-driven programming—in which your code listens for some action on the page and then performs some function in response—is a common paradigm in JavaScript development.

    Page: 1Books: 3
  • Module07: JavaScript III, Arrays - Loops

    JavaScript arrays. Simple loops. Word counter.

    JavaScript arrays. JavaScript arrays are used to store multiple values in a single variable. In this submodule , we will learn to create arrays and methods to access and modify the arrays.

    Page: 1Books: 3
  • Module08: Forms

    The HTML of forms. The CSS of forms. Form validation.

    The HTML of forms. Forms are commonly used to collect user input and send them to the WEB Server. In this submodule, we will learn to create well-structured and accessible forms using HTML markup.

    Page: 1Books: 3
  • Module09: Bootstrap CSS Components II

    Bootstrap CSS Components II
    Page: 1Book: 1File: 1
  • Module10: Bootstrap Javascript Components

    Tabs and Tabbed Navigation. Accordion. Revealing Content. Carousel

    Tabs and Tabbed Navigation. In this submodule, we will design a tabbed navigation for the content.
    We will aslo use tab panes to organize the content and navigate.
    Tabs require Javascript support to be enabled for navigating the content.

    Page: 1Books: 4Files: 2
  • Module11: Completing Bootstrap

    Bootstrap and jQuery. It's your time! Building the application

    Bootstrap and jQuery. In this submodule, we examine the use of Bootstrap, JQuery and JavaScript together to control Bootstrap JS components

    Page: 1Books: 3
  • Module12: JavaScript Functions and Objects

    JavaScript Functions and Objects. Constructor functions

    JavaScript Functions. In this submodule, we will enhance your knowledge about functions.
    We will differentiate between parameters and arguments of a function and we will discuss the role of the "return" functionality.

    Page: 1Books: 3
  • Module13: JavaScript ES6, Object Notation- Typescript

    Introduction to ES6. JavaScript classes. Object Notation

    Introduction to ES6. ES6 is a major update to JavaScript that includes a lot of new features. In this submodule we will differentiate between the keywords "let" and "var".
    We will also see the arrow functions that make the code more readable and structured.

    Pages: 2Books: 3
  • Module14: DOM

    Introduction to DOM. DOM methods/properties and DOM Recursion. DOM events

    Introduction to DOM. DOM (Document Object Model) includes all the objects of an HTML page and enable us to manipulate them. In this submodule we will understand the DOM structure and learn the Parents-Children-Siblings relationships and their importance.
    We will also understand what are Nodes and DOM traversing. Finally, we will see how we can apply CSS rules using DOM.

    Page: 1Books: 3
  • Module15: Images- The Canvas HTML element

    Canvas HTML element. The RGBAs of images. Image manipulation.

    Canvas HTML element.The HTML5 canvas element is a workspace upon which you draw (and manipulate) images and text. In this submodule , we will learn how to create canvas elements . We will also learn methods to create, access and modify text, shapes and images on the fly, via JavaScript.

    Page: 1Books: 3
  • Module16: p5.js Ι Basics Shapes Color

    p5.js Introduction. Basics of p5.js. Colors.

    p5.js Introduction. In this submodule we will see the functionality of the p5.js library and we will set up a web project to use the p5.js library.

    Page: 1Books: 3
  • Module17: p5.js II Events Functions Transformations

    p5 Events. Advanced p5 functions and transformations

    p5 Events. In this submodule, we will learn to use P5.js built-in events (mouseX and mouseY, mouseClicked and mouseIsPressed) that enable us to apply interactivity in our canvas.

    Page: 1Books: 2
  • Module18: p5.js III Image Sound Video

    Image in p5. Video in p5. Sound in p5.

    Image in p5.In this submodule, we will learn how we can insert images in p5.js. Moreover, we will see how we can manipulate their pixel and display the result in our canvas.

    Page: 1Books: 3
  • Module19: Angular I Basics - Components

    Angular Introduction. Getting Started with Angular. Angular Components.

    Angular Introduction. Angular is a platform that makes it easy to build applications with the web.
    Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop

    Page: 1File: 1Books: 2
  • Module20: Angular II DataBinding Services DI

    Angular Description. Data Binding. Services and Dependency Injection

    Angular Description. In this submodule, we will overview the architecture of an Angular application and we will examine the functionality of the Angular files.

    Page: 1Files: 3Books: 2
  • Module21: Angular III Routing SPA

    Angular Routing. Angular Single Page Applications

    Angular Routing. In this submodule, we’ll introduce Angular Router and learn how it can update our application when the browser URL changes and vice versa.
    The Router allows us to navigate to different pages without reloading the entire application.

    Page: 1Files: 2Books: 2
  • Module22: Angular IV Fetching JSON data from a Server

    Reactive programming. json-server. HTTP Client

    Reactive programming. In this submodule, we will introduce the basic concepts of Reactive Programming and we will prepare our application to fetch data from a JSON Server.

    Page: 1Books: 3
  • Module23: Angular V Storing JSON data on a Server

    Forms. Sending data to the server. Building and Deploying

    Forms. In this submodule, we will learn to create reactive forms in your Angular application.
    While the user writes, the value of the input will be displayed above the form.
    When the user submits the form, the values will be displayed in the existing unordered list.

    Page: 1Books: 4File: 1
  • Module24A: Wordpress I

    The WordPress. Creation and Modes. Theme – New page. Subpages

    The WordPress.WordPress started as just a blogging system, but has evolved to be used as full content management system and so much more through the thousands of plugins and widgets and themes. WordPress is completely customizable and can be used for almost anything.

    Books: 3
  • Module24B: Wordpress II

    Posts and Pages. Comments and Widgets. Google map and Contact form
    Books: 3