front-end-handbook.pdf - Front-end Handbook Table of...

This preview shows page 1 - 6 out of 126 pages.

Background image
0122.12.22.32.42.52.62.72.82.92.1033.13.1.13.1.23.1.33.1.43.1.53.1.63.1.73.1.83.1.93.1.103.1.113.1.123.1.133.1.143.1.15Table of ContentsIntroductionWhat Is a Front-End Developer?Part I: The Front-End PracticeFront-End Jobs TitlesCommon Web Tech EmployedFront-End Dev SkillsFront-End Devs Develop For...Front-End on a TeamGeneralist MythFront-End interview questionsFront-End Job BoardsFront-End SalariesHow FDs Are MadePart II: Learning Front-End DevSelf Directed LearningLearn Internet/WebLearn Web BrowsersLearn DNSLearn HTTP/NetworksLearn Web HostingLearn General Front-End DevLearn UI/Interaction DesignLearn HTML & CSSLearn SEOLearn JavaScriptLearn Web AnimationLearn DOM, BOM & jQueryLearn Web FontsLearn AccessibilityLearn Web/Browser APIsFront-end Handbook2
3.1.163.1.173.1.183.1.193.1.203.1.213.1.223.1.233.1.243.1.253.1.263.1.273.1.283.1.293.1.303.1.313.1.323.23.2.13.33.444.14.24.34.44.54.64.74.84.94.104.114.12Learn JSONLearn Static Site GeneratorsLearn Front-End App ArchitectureLearn Interface/API DesignLearn Web Dev ToolsLearn Command LineLearn Node.jsLearn Module LoaderLearn Package ManagersLearn Version ControlLearn Build & Task AutomationLearn Site Performance OptimizationLearn JS TestingLearn Headless BrowsersLearn Offline DevLearn SecurityLearn Multi-Thing Dev (e.g., RWD)Directed LearningFront-End Schools, Courses, & BootcampsFront-End Devs to Learn FromNewsletters, News, & PodcastsPart III: Front-End Dev ToolsGeneral Front-End Dev ToolsDoc/API Browsing ToolsSEO ToolsPrototyping & Wireframing ToolsDiagramming ToolsHTTP/Network ToolsCode Editing ToolsBrowser ToolsHTML ToolsCSS ToolsDOM ToolsJavaScript ToolsFront-end Handbook3
4.134.144.154.164.174.184.194.204.214.224.234.244.254.264.274.284.294.304.314.324.334.344.354.364.37Static Site Generators ToolsApp (Desktop, Mobile, Tablet, etc.) ToolsScaffolding ToolsTemplating ToolsUI Widgets & Components ToolsData Visualization (e.g., Charts) ToolsGraphics (e.g., SVG, canvas, webgl) ToolsAnimation ToolsJSON ToolsTesting Framework ToolsData Storage ToolsModule/Package Loading ToolsModule/Package Repo. ToolsWeb/Cloud/Static Hosting ToolsProject Management & Code HostingCollaboration & Communication ToolsCMS Hosted/API ToolsBAAS (for Front-End Devs) ToolsOffline ToolsSecurity ToolsTasking (aka Build) ToolsDeployment ToolsSite/App Monitoring ToolsJS Error Monitoring ToolsPerformance ToolsFront-end Handbook4
Front-End Developer HandbookWritten byCody Lindleysponsored by —Frontend MastersThis is a guide that anyone could use to learn about the practice of front-end development. Itbroadly outlines and discusses the practice of front-end engineering: how to learn it andwhat tools are used when practicing it.It is specifically written with the intention of being a professional resource for potential andcurrently practicing front-end developers to equip themselves with learning materials anddevelopment tools. Secondarily, it can be used by managers, CTOs, instructors, and headhunters to gain insights into the practice of front-end development.

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture