front-end-handbook-2018 - 2018 edition of our front-end development handbook

  •        59

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018. It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and headhunters to gain insights into the practice of front-end development.

https://github.com/FrontendMasters/front-end-handbook-2018

Tags
Implementation
License
Platform

   




Related Projects

front-end-handbook-2017 - 2017 edition of our front-end development guide

  •    Javascript

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017. It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

front-end-handbook - The resources and tools for learning about the practice of front-end development

  •    Javascript

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2016. It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

front-end-interview-handbook - 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore

  •    Javascript

Unlike typical software engineer job interviews, front-end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves.

Front-End-Design-Checklist - 💎 The Design Checklist for Creative Web Designers and Patient Front-End Developers

  •    

The Design Checklist for Front-End Developers is an exhaustive list of elements which can help developers to analyse and understand web designs and ensure the quality of their Front-End development. The Design Checklist for Front-End Developers is an exhaustive list of elements which Web Designers and Front-End Developers need to take into consideration to facilitate their collaboration. The following elements are a mix between known practices and new elements based on a long experience analysing web designs.

Front-End-Performance-Checklist - 🎮 The only Front-End Performance Checklist that runs faster than the others

  •    

Performance is a huge subject, but it's not always a "back-end" or an "admin" subject: it's a Front-End responsibility too. The Front-End Performance Checklist is an exhaustive list of elements you should check or at least be aware of, as a Front-End developer and apply to your project (personal and professional). For each rule, you will have a paragraph explaining why this rule is important and how you can fix it. For more deep information, you should find links that will point to 🛠 tools, 📖 articles or 📹 medias that can complete the checklist.


Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers

  •    Javascript

It is based on Front-End developers' years of experience, with the additions coming from some other open-source checklists. You can contribute to the Front-End Checklist App reading the README_APP file which explain everything about the project.

cdnjs - Free and Open Source Web front-end resource CDN

  •    Javascript

CDNJS is a free and open source project to organize and provide popular front-end web development resources to developers via a fast CDN infrastructure without usage limitations and fees. We want to help individual library/framework developers distribute their projects, and web developers supercharge their websites! With our great free CDN service, developers can focus on their projects and website development. Developers no longer have to spend time worrying about how to set-up a CDN for projects or website assets. We hope to make web development easier, as well as your websites and the WWW faster and safer.

slim.js - Fast & Robust Front-End Micro-framework based on modern standards

  •    Javascript

Slim.js is a lightning fast library for development of native Web Components and Custom Elements based on modern standards. No black magic involved, no useless dependencies. It uses ES6+DOM native API to boosts up HTML elements with superpowers.

maxmertkit - Maxmertkit, powerful, most customizable and easiest for usage mobile first front-end framework for web-development

  •    CSS

Maxmertkit, powerful, most customizable and easiest for usage mobile first front-end framework for web-development, created by Vetrenko Maxim, and maintained by the core team with the support and involvement of the community. Read the Start page for information on the framework contents, howto videos, examples, and more.

learn-tdd - :white_check_mark: A brief introduction to Test Driven Development (TDD) in JavaScript (Complete Beginner's Step-by-Step Tutorial)

  •    Javascript

A brief introduction to Test Driven Development (TDD) in JavaScript for people who want to write more reliable code. Project(s) without tests often end up looking like they are stuck together with duct tape ...

Weex - A platform for building Mobile Cross-Platform UI

  •    Javascript

Weex dedicates to enable developers to use modern web development experience to build both Android, iOS and web apps with a single codebase. In practice, you can use javascript and modern front-end frameworks to develop mobile apps after integrating the WeexSDK. The structure of Weex is decoupled, the render engines are separated from the syntax layer. Weex doesn’t rely on any specific front-end framework, it mainly supports Vue.js and Rax.

Foundation - The most advanced responsive front-end framework in the world

  •    Javascript

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites and apps that work on any kind of device.

Buffalo - Rapid Web Development for Go

  •    Go

Buffalo is a Go web development eco-system. Designed to make the life of a Go web developer easier. Buffalo starts by generating a web project for you that already has everything from front-end (JavaScript, SCSS, etc...) to back-end (database, routing, etc...) already hooked up and ready to run. From there it provides easy APIs to build your web application quickly in Go.

sku - Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less, ESLint and Jest.

  •    Javascript

Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less, ESLint and Jest. Quickly get up and running with a zero-config development environment, or optionally add minimal config when needed. Designed for usage with seek-style-guide, although this isn't a requirement.

Front-End-Toolkit - A collection of resources, useful tools and technologies for front-end web development

  •    Javascript

It will start all development tasks: prepare assets, compile html and css, bundle javascript and add file watchers. Now you can configure your project.

cloudbase-framework - 腾讯云开发云原生一体化部署工具 🚀 CloudBase Framework:一键部署,不限框架语言,云端一体化开发,基于Serverless 架构。A front-end and back-end integrated deployment tool

  •    Javascript

腾讯云开发云原生一体化部署工具 🚀 CloudBase Framework:一键部署,不限框架语言,云端一体化开发,基于Serverless 架构。A front-end and back-end integrated deployment tool. One-click deploy to serverless architecture. https://docs.cloudbase.net/framework/index

generator-jekyllrb - Supercharge Jekyll development with Yeoman. Yo, Jekyllrb!

  •    Javascript

Generator-jekyllrb wraps the Jekyll static site generator in a Yeoman development workflow. Scaffold your site with Yo, manage front end packages with Bower, and automate development and build tasks with Grunt. Generator-jekyllrb is ideal for developing performant static sites and prototyping dynamic sites and apps (especially if the final version uses Yeoman too). It's also a great introduction to Yeoman if you're not familiar with JavaScript MV* frameworks.

BootstrapAdmin - BootstrapAdmin - Free Premium Admin control Panel Based On Bootstrap 4.x

  •    Javascript

Because the dependent on Bootstrap v4, so it is called Bootstrap Admin. This system can be integrated with asp.net and asp.net core applications. The database supports multiple databases at the same time. The detailed list is shown in the following database detailed list. Switching the data source only needs to change the configuration file without restarting the application. The configuration is simple and flexible. The UI front-end uses the popular Bootstrap framework layout, which is very compatible with mobile devices and adapts to almost all terminal devices in the current market. The system also has the feature of single background supporting multi-front desk, and provides the ability of single sign-on (SSO). Bootstrap Admin does not require secondary development, but only integration with the front-end system. The front-end system model project is Bootstrap. Client The original starting point of the project is to separate the privilege system from the business system. The project development focuses on functions. For detailed configuration instructions, please click on View Documents.

html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites

  •    Javascript

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites. This project is the product of years of iterative development and community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.