background preloader


Facebook Twitter

Ubah Haml jadi HTML. Tutorial Laravel Bahasa Indonesia. A Guide to Managing Webpack Dependencies. The concept of modularization is an inherent part of most modern programming languages. JavaScript, though, has lacked any formal approach to modularization until the arrival of the latest version of ECMAScript ES6. In Node.js, one of today’s most popular JavaScript frameworks, module bundlers allow loading NPM modules in web browsers, and component-oriented libraries (like React) encourage and facilitate modularization of JavaScript code. Webpack is one of the available module bundlers that processes JavaScript code, as well as all static assets, such as stylesheets, images, and fonts, into a bundled file. Processing can include all the necessary tasks for managing and optimizing code dependencies, such as compilation, concatenation, minification, and compression.

However, configuring Webpack and its dependencies can be stressful and is not always a straightforward process, especially for beginners. Configuring Aliases and Relative Paths Let’s say we have the following project structure: Top 10 Templating Engines for JavaScript 2016 buat HTML. If you would like to simplify the process of project creation, use any of the templating engines for JavaScript below. With the powerful and convenient JS, web developers around the world have a chance to create real masterpieces. Plugins have expanded beyond the comprehension of an average developer, and we also saw – highly anticipated – the release of ECMAScript 6; the new JavaScript standard.

Frankly, ES6 was already on the way, all that needed to be done is for it to be finalized. Make sure to check out the full spec if you haven’t done so already. We keep seeing huge growth with Node.js. A templating engine is basically a way for developers to interpole strings effectively. Mustache Mustache is one of the most widely known templating systems that works for a number of programming languages, including JavaScript, Node.js, PHP, and many others. Visit Handlebars Handlebars is a close successor to Mustache with the ability to swap out tags where necessary. Visit doT Visit Visit Nunjucks Visit.

Bootstrap 4 Cards. Cards add a flexible and extensible container for displaying content in a variety of ways. A card is a container with light styling that you can place virtually any content into. Plenty of styling options are available such as alignment, padding, colors, headings, and more. Basic Card To create a basic card, apply the .card and .card-block classes to an element to create the outer card container. Add .card-title to any heading elements and .card-text to text elements. <div class="card card-block"><h4 class="card-title">Boot Polish</h4><p class="card-text">Boot polish is a waxy paste, cream, or liquid used to polish, shine, and waterproof leather shoes or boots to extend the footwear's life, and restore, maintain and improve their appearance.

</p><a href="#" class="btn btn-primary">More</a></div> Header & Footer You can add a header and/or footer by adding a <div> with .card-header or .card-footer. Here I've also moved the .card-block to a new <div> inside the card. HTML Headers Header Navigation.

Getting Started - Polymer Project.


AlaSQL - javascript SQL database library. Memakai Indexed Database API Di HTML5 | The Solid Snake. Pada web konvensional, satu-satunya metode formal untuk menyimpan data di browser adalah dengan menggunakan cookie. JavaScript dapat mengakses isi cookie melalui document.cookie. HTML5 menawarkan banyak cara baru untuk menyimpan data di sisi client. Saya bisa menyimpan data dengan mengasosiasikannya pada sebuah elemen HTML melalui attribute HTLM5 Custom Data Attributes (data-*). Selain itu, HTML5 juga menawarkan penyimpanan data melalui window.localStorage atau window.sessionStorage. Berbeda dengan penyimpanan melalui cookie, penggunaan HTML5 Web Storage sepenuhnya terjadi di sisi client dan tidak perlu di-inisialisasi melalui HTTP header dari server. Untuk penyimpanan data yang lebih banyak lagi, browser HTML5 memiliki database internal yang dapat diakses melalui Indexed Database API ( Pada artikel ini, saya akan mencoba memakai IndexedDB API dengan JavaScript.

Tampilan awal HTML C:> sqlite3 C:\Users\[namauser]\AppData\Roaming\Mozzila\Firefox\... DevDocs API Documentation. 260+ Ionic Framework Resources. Free Web Resources – Web Resources Depot. Tutorial JQuery. To use jQuery, you need to include it on the pages where you wish to take advantage of it. You can do this by downloading jQuery from their website at There is usually a choice between a "Production" version and a "Development" version. The "Production" version is for your live website, because it has been minified and compressed to take up the least amount of space, which is important for your visitors, whose browser will have to download the jQuery file along with the rest of your website.

For testing and development, the "Development" version is best. It hasn't been minified or compressed, so when you run into an error, you can actually see where in jQuery it happens. Once the jQuery JavaScript file has been downloaded, you will have to reference it on your pages, using the <script> HTML tag. A part of your page should now look something like this: <head> <title>jQuery test</title> <script type="text/javascript" src="jquery-1.5.1.js"></script></head>


AJAX Collection. CSS Tutorials. Learn all about CSS in our free CSS tutorial section. Our tutorials cover basics of CSS as well as advanced techniques, tips & tricks. All our tutorials include the code, download files and detailed explanations of CSS. Learn all about css borders, backgrounds, shadows and create interesting galleries, preloaders, buttons, boxes, forms, websites and drop down menus with our CSS tutorials.

Also, add some cool effects using jQuery! New! Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful! No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos.