Study / Web Design and Web Development
- Books: 9File: 1
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.
. 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.
. In this submodule, we will learn how to use CSS rules, and classes to apply different style to various elements of a table.
. In this submodule, we will learn how to use the block element DIV and the inline element Span. Also, we will learn how to align elements next to each other using the properties float and clear.Pages: 2Books: 4
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.
Version control. Git - Github. In this submoldule, you will learn what version control is.
This submodule also introduces the first steps to set up your Git and Github repositories and establish communication between these.
WEB Server. In this submodule, you will learn to upload files to our WEB Server via FileZilla.
You also learn how to grab the URL and serve your site.Page: 1Books: 3
Introduction to Bootstrap
You will also be informed what “responsive web design” and "cross-browser compatibility" are.
Getting Started with Bootstrap. This submodule introduces the first steps to set up your first web page by using Bootstrap.
You will als learn about Bootstrap typography.
Responsive Design and Bootstrap Grid System. In this submodule, you will learn the Bootstrap grid system and Bootstrap's support for mobile first responsive design.
You also learn how to customize some of the Bootstrap classes in a separate CSS file.Page: 1Books: 3Files: 2
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
Displaying Content - Media - Alerting Users. In this submodule, you will learn the support for tables in Bootstrap and about the component called card that enables the display of content in myriad ways.
You will also learn the use of images and media on websites, the use of these as thumbnails and the Bootstrap classes to support responsiveness.
We will finally examine various ways of delivering alert information to usersPage: 1Books: 2
Data types. In this submodule we will learn about types of data, how to find the type of a variable and how to change its type or its value (arithmetic and assignment operators). We will also learn some of the string and number methods.Page: 1Books: 3
Making Decisions. Very often, when we write code, we need to have different options for the results of different conditions. In this submodule , we will learn to use the “if statements” to make decisions. We will also see the functionality of comparison and logical operators.
Applying the “if” statements. In this submodule and we will learn to make decisions using the “confirm()” interactions. We also learn to make more complicated decision using nested conditionals.Page: 1Books: 3
Simple loops. Loops offer a quick and easy way to do something repeatedly. In this submodule, we will learn how to use the “for’ and “while” loops. We will also learn to iterate over an array.
Word counter. The HTML objects are often accessed using arrays. In this submodule we will use the string.split() method to divide a string into an array of words and we will learn how to create a simple word counter.Page: 1Books: 3
- Module08: Forms is not available
- Module09: Bootstrap CSS Components II is not available
- Module11: Completing Bootstrap is not available
- Module14: DOM is not available
- Module15: Images- The Canvas HTML element is not available
- Module16: p5.js Ι Basics Shapes Color is not available
- Module17: p5.js II Events Functions Transformations is not available
- Module18: p5.js III Image Sound Video is not available
- Module19: Angular I Basics - Components is not available
- Module20: Angular II DataBinding Services DI is not available
- Module21: Angular III Routing SPA is not available
- Module22: Angular IV Fetching JSON data from a Server is not available
- Module23: Angular V Storing JSON data on a Server is not available
- Module24A: Wordpress I is not available
- Module24B: Wordpress II is not available