This course covers all basic knowledge needed for front-end web development. The course designed based on the assumption that students want to work in the software industry as a web front-end developer.
All available resources for this course will be added to the following table.
|2||July 18, 2019||Image Formats, Lossy vs. Lossless, Indexed vs. Direct, Transparency, Index Transparency, Alpha Transparency, BMP vs. GIF vs. JPEG vs. PNG-8 vs. PNG-24, Why we hate IE, Web Forms, Forms Elements, Meaningless HTML Elements, Inline and Block Elements, New HTML5 Tags, Common Attributes in HTML (id class dir lang style title), Comments in HTML, Some useful characters ( LRM RLM), meta tag names (keywords, description, revised, author), using meta tag http-equiv attribute for redirects, Other HTML tags and their corresponding attributes (br hr pre em strong blockquote q code address img table tr td caption ul li ol a div span form input textarea select option), Meaningless and deprecated HTML Tags (center, b, i, u)|
|3||July 25, 2019||What is CSS, Applying CSS to HTML Files (inline internal external), CSS Syntax, Lengths in CSS (cm in mm pt % em px), Colors, Fonts, CSS Selectors, CSS Box Model, Selectors Specificity, CSS Comments, CSS properties (background font color direction letter-spacing word-spacing text-indent text-align text-decoration text-transform text-shadow border border-collapse border padding margin), Pseudo-classes (link visited hover active), CSS Dimentions (height width max-height line-height max-height min-height max-width min-width), CSS Scrollbars (visible hidden scroll), CSS Animations & Easing Functions|
|4||August 1, 2019||CSS Visibility, CSS Rounded Corners (border-radius), CSS Positioning (relative absolute fixed), CSS Layers (z-index), CSS Pseudo Elements (first-line first-letter before after), CSS @ Rules (@import @charset @font-face !important), Layouts (HTML tables, CSS float property, CSS flexbox, CSS framework, CSS grid) & Methods in Responsive Web Design Principles, CSS Flexible Grid and Media queries, Emmet Plug-ins, Live Coding to build an HTML5 and CSS3 website with a responsive layout|
|5||August 8, 2019||Font-Awesome, Content Delivery Network (CDN), More Practices and Live Coding with HTML5 and CSS3|
|8||August 29, 2019||Using Stack Overflow Effectively, A brief overview of UI Design Patterns, A brief overview of Semantic-UI & jQuery UI & Bootstrap & Zurb Foundation & Materialize CSS & Material UI, Responsive Web Layouts with Semantic-UI Grid System|