FEND
Front-End Developer Nanodegree
JUST KEEP ON CODING
JUST KEEP ON CODING
CODE LANGUAGES
CODE LANGUAGE
CSS
CSS
CSS ellipses-Truncate strings: single line, multiple lines, 2nd line
CSS Specificity Specificity, CSS Specificity: Things You Should Know
CODE LANGUAGE
Flexbox
Flexbox
CODE LANGUAGE
JavaScript
JavaScript
Document Object Model
DOM
DOM
- DOM Introduction
- Section 8.2 Parsing HTML documents W3C's
- DOM Specification W3C
- HTML Document Object Model mentioned in the ECMAScript Specification - the language specification used by JavaScript
MDN
- GetElementbyId
- .getElementsByClassName()
- .getElementsByTagName()
- Node Interface
- Element Interface
- list of Web API Interfaces
- jQuery website
- .querySelector() method
- .querySelectorAll() method
- NodeList
- textContent docs
- innerHTML
- textContent
- innerText
- Article: The poor, misunderstood innerText
- Article: innertext vs. textcontent
ADD ELEMENTS TO PAGE
- createElement
- Add child to parent element - last child createTextNode
- Add New Page Content: appendChild
- Put HTML text - element: insertAdjacentHTML
REMOVE ELEMENTS ON PAGE
STYLE PAGE CONTENT
- style
- Article: Using dynamic styling information
- DOM methods to control styling
- nextElementSibling
- className
- classList
- Specificity
- Article: CSS Specificity: Things You Should Know
CODE LANGUAGE
Performance
Performance
- Website Performance Optimization course by Udaicty
- Minimizing browser reflow from PageSpeed Tools Guides
- Avoid Large, Complex Layouts and Layout Thrashing from Google's Web Fundamentals Guides
- Performance Analysis Reference from Google's Web Fundamentals Guides
- Article Reflows & Repaints: CSS Performance Making Your JavaScript Slow?
TOOLS
TOOLS
Git & GitHub
Git & GitHub
GIT
GIT
- Try Git
- Git immersion
- Quick Guide to Git
- git-school
- contributions
- changing-author-info
- Git-Credential-Manager-for-Windows
- Download Git for Windows
- Git Internals - Plumbing and Porcelain (advanced - bookmark this and check it out later)
- Customizing Git - Git Hooks
- Initializing a Repository in an Existing Directory
- git init docs
- git init Tutorial
- Cloning an Existing Repository
- git clone docs
- git clone Tutorial
- Checking the Status of Your Files
- git status docs
- git status Tutorial
TOOLS
Prof. Dev. Tools
Prof. Dev. Tools
TOOLS
Online Tools
Online Tools
LEARN & PRACTICE
LEARN
Online Courses
Online Courses
LEARN
Ebooks
Ebooks
LEARN
Podcasts
Podcasts
DESIGN
DESIGN
Images
Images
DESIGN
Background Patterns
Background Patterns
RESOURCES WOMAN
RESOURCES
Woman
Woman
Miscellaneous
Miscellaneous
OTHER
Miscellaneous
Miscellaneous
Datavisualisation. Thanks to @Alex Fuchs for sharing this great pic of the first phase students.
NETWORKING
Events
Events
- MARCH: Udacity Intersect
- MAY 7-10th: Google Event, Mountain View (USA)
- MAY 16-18: WeAreDevelopers World Congress (VIENNA)
PRACTICE
Hackathon
Hackathon
- HashCode with Google apply until 28/02/2018
- JSConf Iceland march 1-2
- ChallengeRocket