Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tonytech83/js-front-end
Softuni - JS Front-End - June 2023
https://github.com/tonytech83/js-front-end
css3 html5 javascript
Last synced: about 1 month ago
JSON representation
Softuni - JS Front-End - June 2023
- Host: GitHub
- URL: https://github.com/tonytech83/js-front-end
- Owner: tonytech83
- License: mit
- Created: 2023-06-19T04:59:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-22T15:21:37.000Z (12 months ago)
- Last Synced: 2024-01-22T19:35:22.457Z (12 months ago)
- Topics: css3, html5, javascript
- Language: JavaScript
- Homepage:
- Size: 48.3 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Module: JS Front-End
The "JS Front-End" module will provide basic knowledge of HTML, CSS, and JS. Students will gain initial knowledge in web development, web browsers, tools for HTML/CSS/DOM development, and develop practical skills for using the language for describing web content - HTML - and the language for styling web content - CSS. Skills for properly structuring the Front-End part of web applications and ways to style it according to a given design will be acquired. In the second part of the module, they will receive basic knowledge of the JavaScript language, including syntax basics, working with arrays, matrices, objects, classes, and writing functions. Students will develop their algorithmic thinking. They will be able to work with the DOM tree, perform manipulations on it, and work with events. Functional and OOP approaches to programming with JavaScript will be covered. Concepts for data transmission via HTTP and REST will be studied.
## Language
- `HTML`
- `CSS`
- `JavaScript`
## Judge System
- [`Problem descriptiom and online judge system`](https://judge.softuni.org/Contests/#!/List/ByCategory/379/JS-Front-End)
## Table of Contents:
### 1. HTML & CSS
The purpose of the course "HTML & CSS" is to provide basic knowledge of web technologies and more specifically familiarization with HTML5 and CSS3. Basic knowledge of web development, web browsers, HTML/CSS/DOM development tools is acquired and practical skills are developed using the Web Content Description Language (HTML) and the Web Content Styling Language (CSS). Basic HTML tags, paragraphs, lists, tables, forms, controls, and semantic HTML tags are studied. Emphasis is on basic CSS selectors and styles, working with classes, presentation rules, positioning and layout rules in CSS. The latest developments in the HTML5 and CSS3 standards are covered. The course emphasizes hands-on HTML and CSS exercises that involve you in real-world web design projects, implementing site fragments, and creating complete modern websites with a good look, modern structure, and mobile support.
- [`Introduction to HTML & CSS`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/01_Introduction_to_HTML_%26_CSS)
- [`HTML Structure`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/02_HTML_Structure)
- [`CSS & Typography`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/03_CSS_%26_Typography)
- [`CSS Box Model`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/04_CSS_Box_Model)
- [`Position & Grid`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/06_Position_and_Grid)
- [`Flexbox`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/05_Flexbox)
- [`Media Queries`](https://github.com/tonytech83/JS-Front-End/tree/main/01_HTML_CSS/07_Media_Queries)
### 2. JS Front-End
The "JS Front-End" course is for basic knowledge of the JavaScript language, such as the basics of syntax, working with arrays, matrices, objects, classes and writing functions. The course will develop algorithmic thinking. The skills which should be obtained are work with the DOM tree, to do manipulations on it and to work with "events". Functional and OOP approaches to JavaScript programming will be covered. HTTP and REST data transfer concepts will be studied.
- [`JS Syntax Fundamentals`](https://github.com/tonytech83/JS-Front-End/tree/main/02_JS_Front_End/01_JS_Syntax_Fundamentals)
- [`Functions and Statements`](https://github.com/tonytech83/JS-Front-End/tree/main/02_JS_Front_End/02_Functions_and_Statements)
- [`Objects and Classes`](https://github.com/tonytech83/JS-Front-End/tree/main/02_JS_Front_End/03_Objects_and_Classes)
- [`DOM and Events`](https://github.com/tonytech83/JS-Front-End/tree/main/02_JS_Front_End/04_DOM_and_Events)
- [`HTTP and REST`](https://github.com/tonytech83/JS-Front-End/tree/main/02_JS_Front_End/05_HTTP_and_REST)
Made with by Anton Petrov