هک‌ها و تشعشعات وجدان آزاد

نوشته‌های سیدمحمدمسعود صدرنژاد

User Tools

Site Tools


en:courseware:frontend_web_development:sbu:181018

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.

Course Calendar & Materials

All available resources for this course will be added to the following table.

SessionDateSubjectsSlidesCodesHomework
1October 18, 2018Story of the Web and Internet Size, Application Architectures, URL Anatomy, Request & Response Structure, HTTP Status Codes, Web Apps and Why use them, HTML and CSS and JavaScript responsibilities, Server Side responsibilities, HTML fundamentals, Hypertext and Markup Definition, HTML Elements, WYSIWYG Editors, Opening and Closing Tags in HTML, Anatomy of an HTML element, Setup the development environment with WebStorm, Some Basic HTML Tags (!DOCTYPE html head body title h1 h2 h3 h4 h5 h6 p)---
2October 25, 2018Image 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)---
3November 1, 2018What 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)---
4November 15, 2018CSS 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), HTML/CSS Validations (WGD W3C), Methods in Responsive Web Design, CSS Flexible Grid and Media queries, Live coding to build an HTML5 and CSS3 website with a responsive layout---
5November 22, 2018Font-Awesome, Content Delivery Network (CDN), More Practice and Live Coding in HTML5 and CSS---
6December 29, 2018JavaScript, JavaScript Objects---
7December 6, 2018JavaScript Objects, jQuery---
8December 13, 2018Semantic-UI, Preprocessors (SASS), Firefox DevTools, UI Design Patterns---

Additional Resources

Useful Links

en/courseware/frontend_web_development/sbu/181018.txt · Last modified: 2018/11/22 18:32 by smmsadrnezh