matheusmurta

icones icones / icons 
 https://icomoon.io/
 https://feathericons.com/
https://icons8.com.br/

matheusmurta

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
}
 
/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}
 

matheusmurta

UX /UI Data Table Design Inspiration 
https://cdn.dribbble.com/users/538515/screenshots/4600862/cflow-journal.png
https://cdn.dribbble.com/users/883236/screenshots/3113264/transactions_ui_design-.png
https://dribbble.com/shots/6773387-Sales-orders-list/attachments
https://cdn.dribbble.com/users/968616/screenshots/4332786/ui.jpg
https://i.pinimg.com/originals/43/05/2a/43052a2b0bc227b3fc63f8f126d67ef9.png
https://cdn.dribbble.com/users/1348789/screenshots/5815842/attachments/1253986/in_ninja_dribble_attachment_copy.png
https://dribbble.com/shots/6137329-Metrix
https://cdn.dribbble.com/users/2285351/screenshots/6802141/dribbble-shot-friendly-4-v3_2x.png
https://dribbble.com/shots/3386679-Data-Table 

matheusmurta

let str  = "http://localhost:8086/#/menu/user" 
let index = str.lastIndexOf("/");
result = str.substr(index+1); //result "user"
 
 or 
 
 let last = str.split("/").pop();

matheusmurta

//Javascript ordem alfabetica do array 
var objArray = [];
objArray.push({Id: 1, DepartmentName: 'ZMarketing', Active: true});
objArray.push({Id: 2, DepartmentName: 'Sales', Active: true});
objArray.push({Id: 3, DepartmentName: 'Development', Active: true});
objArray.push({Id: 4, DepartmentName: 'Accounting', Active: true});

objArray.sort(function(a, b) {
    var textA = a.DepartmentName.toUpperCase();
    var textB = b.DepartmentName.toUpperCase();

matheusmurta

//Javascript extract especif information from objects array

var array = [ {"name":"Joe", "age":17, "sex":"M"},{"name":"Bob", "age":17, "sex":"M"},{"name":"Carl", "age": 35, "sex":"M"}];


array.map(x => ({
      label: x.name,
      value: x.age
    }));

matheusmurta

AngularJS
https://dncmagazine.blob.core.windows.net/downloads/AngularCheatSheet-DNCMagazine.pdf

Angular 
https://github.com/sudheerj/angular-interview-questions

matheusmurta

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|
|– components/
|   |– _buttons.scss     # Buttons
|   |– _carousel.scss    # Carousel

matheusmurta

npm v3.10 - ◾

If you are learning npm then i would suggest to go for yarn, dont waste your time in learning npm

⚠️ This gist is outdated, but most of the commands are still relevant.

Update npm itself

npm install -g npm
# Downgrade to a specific version

matheusmurta

https://dribbble.com/shots/3504343-Multi-level-dropdown
https://cdn.dribbble.com/users/283116/screenshots/4926970/dribbble-2.png
https://dribbble.com/shots/5281637-Tree-list-hierarchy/attachments
https://dribbble.com/shots/4472000-Packaging-Hierarchy
https://dribbble.com/shots/5286010-Sitemappin/attachments
https://dribbble.com/shots/4069573-New-Hierarchy-Lines-in-Nima
https://dribbble.com/shots/5528112-Bank-Commercial-Porfolio-My-Portfolio
https://dribbble.com/shots/6764154-Hierarchy-Builder-Search-Bar
https://dribbble.com/shots/4409160-Flow-Chart