Скачать с ютуб Proper Assets Management in Website | Manage Files & Folders in HTML Project Properly в хорошем качестве

Proper Assets Management in Website | Manage Files & Folders in HTML Project Properly

This assets management guide is for static HTML websites. For other frontend/backend framewroks like ReactJS, AngularJS, WordPress or Laravel, we may follow different approach for assets management. But if you get a good idea and general perspective here, you should be able grasp idea of a good assets management for any other web development project in general. Assets management is a way of organizing files and folders in your web development projects. Where to keep JavaScript files? Where to keep CSS files? Where to keep vendors files? Where to keep images and icons? Where to keep fonts? How to manage paths for fonts and images? How to best organize web development projects for re-usability and ease of access. If you follow few best practices to manage web development projects, use good naming conventions for files and folders and separate files by their type - you will find it pleasing to work with that project. It will be easy to share with others co-workers and colleagues and you will make your life easier as a web developer. We have covered following topics in this video: 1- Types of Assets (Fonts, Images, Video/Audio files, CSS files, Javascript files, HTML files, other file types such as favicon.ico) 2- Understanding Website/Project Root Directory 3- Understanding Folder Structure and Use it Effectively 4- Understanding File Hierarchy (Order) 5- Properly Naming Files and Folders 6- Understanding File Paths 7- Linking Assets in a Proper Way You can not just throw web pages, images, css files, javascript files, fonts into a single folder and call it a website. You should practice proper assets management for each and every project that you create. It will help you later on while you edit the same project and it will also help fellow developers if they work with you on same project. Here are key points: Inside root directory keep your web pages and have a single 'assets' folder. Keep all files and folder names in small case letters. Inside assets folder, have other relevant folders e.g. images, styles, scripts, fonts, media and more if you need to Keep same type of files in recognizable folder named appropriately for those specific files ✅ Hide CSS Code    • Hide & Protect CSS Code   ✅ Smooth Scroll with CSS Only    • Smooth Scroll to DIV on Different Pag...   ✅ Lazy Load with Only CSS    • Lazy Load HTML Elements (Pure CSS) | ...   ✅ CSS Only Custom Radio Buttons and Checkboxes    • CSS Only Radio Button, Checkbox & For...   ✅ Extend Content Beyond Container | Full Width Content in Container | Break Out of Container    • Extend Content Beyond Container | Ful...   ✅ Break Out of Container for Half Screen Width | CSS Tutorial    • Break Out of Container for Half Scree...   ✅ CSS Only Toggle Divs    • CSS Only Toggle Divs | Pure CSS Toggl...   ✅ CSS Only Accordion    • CSS Only Accordion Tutorial | Pure CS...   ✅ ONE LINE CSS Code for Smooth Transition Effects in Whole Site | Easy & Smooth Transitions    • ONE LINE CSS Code for Smooth Transiti...   ✅ CSS Only Two Liner Toggle    • CSS Only Two Liner Toggle Show Hide |...   ✅ More CSS Tutorials:    • CSS   ✅ How To Hide / Protect JavaScript Code - Techniques and Tools    • How To Hide / Protect JavaScript Code...   ✅ React JS UNDEFINED Solution | Reactjs Learning | Learn ReactJS & JavaScript Debugging Fast    • How to Prevent TypeError Cannot Read ...   ✅ Calculate Sum or Total from Values in Array & Array Object | Learn JavaScript | Reduce Method    • How to Find Sum of An Array of Number...   ✅ Get URL Parameters in JavaScript | URLSearchParams    • Get URL Parameters in JavaScript | UR...   ✅ DIV to PDF, Iframe to PDF using JavaScript Only (with CSS & Images Support)    • DIV to PDF, Iframe to PDF using JavaS...   ✅ How To UnMinify JavaScript Minified Files Easily | Decrypt Complex JavaScript Code    • How To UnMinify JavaScript Minified F...   ✅ Toggle Class in Vanilla JavaScript | Learn JavaScript    • Toggle Class in Vanilla JavaScript   ✅ How to Execute a JavaScript File by using NPM    • How to Run a JavaScript File using NPM   ✅ Get User's Location (Country, State, City) with Free Unlimited API Access | PHP & JavaScript    • Get User Location (Country, State, Ci...   ✅ Replace jQuery with Vanilla JavaScript Code Easily | jQuery vs JavaScript    • Replace jQuery with Vanilla JavaScrip...   ✅ Toggle in Vanilla JavaScript    • Toggle in Vanilla JavaScript | Pure J...   ✅ MINIFY JAVASCRIPT FILES & FOLDERS in Multiple Ways (Command Line & Code Editor)    • MINIFY JAVASCRIPT FILES & FOLDERS in ...   ✅ JavaScript vs jQuery | Difference between JavaScript and jQuery    • JavaScript vs jQuery | Difference bet...   ✅ JavaScript Variable Redeclare & Reassign | VAR vs LET vs CONST | Practical Examples    • VAR vs LET vs CONST | JavaScript Vari...   ✅ Use Visual Studio Code in Web Browser | Online VS Code    • Using Visual Studio Code in Browser |...   ✅ HTML Boilerplate for Visual Studio Code & Sublime Text    • HTML Boilerplate for Visual Studio Co...   Channel:    / webstylepress   Website: https://www.webstylepress.com FaceBook:   / webstylepress   Twitter:   / webstylepress   Instagram:   / webstylepress   GitHub: https://github.com/webstylepress #html #css #js #javascript #htmltutorial #csstutorial #webstylepress #webdevelopment