Welcome to the Trifoia frontend developer test! This test is designed to be as open ended and enjoyable as possible, so remember to have fun with it!
Your task will be to recreate the Trifoia Careers page, under the following guidelines. Please be sure to read this entire README before beginning!
- You will be provided with the copy to add to the page
- You are not allowed to use the official Trifoia colors (but you can use the Trifoia logo)
- You are not allowed to use the official Trifoia font family (fira-sans)
- You must submit your work via git
Details on these guidelines can be found below
Use the existing careers page for inspiration, but remember that you aren't allowed to use the same colors, so you will have to get creative!
Links on your page should navigate to the correct pages on the actual Trifoia website
Header should include tabs for the following pages:
- Home
- Who We Are
- Case Studies
- Blog
- Projects
- Contact
Should also include a header image / text that links to the home page
The body of the page should have the following text (presented here in raw Markdown)
# Work with Trifoia
Trifoia is an equal opportunity employer committed to cultural diversity. Trifoia encourages all qualified individuals to apply, and does not discriminate on the basis of any protected status, including race, gender, veteran and disability status.
Trifoia is proud to offer a robust benefits package to eligible employees, including health insurance, retirement plans and paid time off.
---
## Front End Developer
The Front End Developer is responsible for designing, programming, and maintaining all aspects of the project’s front-end, user-facing components including website interactivity components, visualizations, data intake, browser compatibility, accessibility, and other elements of website and applications that users engage with.
The Front End Developer has a deep understanding of responsive design principles (mobile first development); test driven development; development for accessibility, usability, and design; agile development practices; and estimating time required for projects. A successful candidate for this position will have strong competency in working collaboratively with small, diverse teams, working against tight deadlines, time management and tracking, attention to detail, and a growth mindset.
Reports to: eLearning Department Manager
Direct reports: None
Classification: Exempt Full Time
### Duties and Responsibilities
- Must be able to perform all essential job functions with or without Reasonable Accommodation.
- Plan and execute web accessibility features to WCAG and 508 accessibility standards
- Collaborate with clients and graphic design team to plan and execute design standards
- Consistently understand and follow details of design from the design team
- Develop new user-facing features
- Build reusable code and libraries for future use
- Write functional requirement documents and specifications
- Ensure the technical feasibility of UI/UX designs
- Optimize applications for maximum speed and scalability
- Ensure all user input is validated before submitting to back-end
- Effectively collaborate with team members/stakeholders
- Develop functional and appealing web- and mobile-based applications based on design prototypes, usability best practices, etc.
- Provide website maintenance and enhancements
- Use a combination of programming languages to write web pages
- Assist back-end developers with coding and troubleshooting
- Create cascading style sheets (CSS) that are consistent across all browsers and platforms
- Maintain graphic standards and branding throughout the product’s interface
- Stay current on emerging technologies that pertain to job duties
- Consistently promote usability best practices
- Ensure products are mobile-friendly
- Create instructional design assets (SCORM packages, Articulate or similar) according to design specifications.
### Skills and Qualifications:
3 years or more professional front end development experience. Required skills and qualifications:
- WordPress
- HTML
- Modern CSS
- Modern JavaScript (ES6+)
- Browser technology and quirks (Chrome, Safari, IE)
- Build Tools (Make, NPM Scripts)
- Asset Bundlers (WebPack, Browserify)
- Front End Frameworks (React or similar)
- Testing Frameworks (Mocha)
- Git and GitHub
- Microsoft Office Suite (Word, Excel, Outlook)
- Remote working and communication tools (GoToMeeting, Slack, Asana)
- Adobe Creative Suite
Familiarity with the following tools:
- Node.js/NPM
- Virtual Machines (Virtual Box)
- HTML Preprocessors (PUG, EJS)
- CSS Methodologies (BEM, SMACSS, OOCSS)
- CSS Preprocessors (LESS, SCSS, PostCSS)
- Ubuntu Server
- PHP (WordPress)
Skill/Familiarity with the following tools is not necessary, but preferred:
- LearnDash
- H5P
- AWS (S3, EC2, CodeBuild, CodePipeline, etc)
- xAPI
- Learning Management Systems (Litmos, Canvas)
- Learning Record Stores (Learning Locker)
- Video Streaming (Shaka)
### Location
Eugene, OR. Will consider remote for qualified candidates.
This position is open _until filled_
To Apply:
This position is OPEN UNTIL FILLED
---
## Interested?
Trifoia is a team of content developers, instructional designers, technology experts, researchers, media producers, and storytellers who produce training content for maximum impact and reach.
Do you like to analyze problems and build solutions? Do you feel you have more to offer and would like to contribute to projects that help people? Do you take your work seriously but like to play and enjoy life?
If so, attach your resume and cover letter and drop us a line through the contact form below.
Implement your own dummy contact form with the following fields
- First Name (required)
- Last Name (required)
- Email (required)
- Phone number (optional)
- Position Drop-down (Required)
- Message (required)
- Resume File Upload (required)
- Cover Letter File Upload (required)
The footer should have the following copyright text:
© 2019 Trifoia. All rights reserved.
As well as links to the following pages:
- Careers
- Past Projects
- Privacy Policy
- COI Policy
- Terms of Use
And social media links to the following
The following Hex codes represent our six official "Trifoia" colors:
#ff4d00#ffa400#c2e76b#00bc70#00acc8#0055b8
For the purposes of this exercise, use of these colors is not allowed. This is for your own protection, as well as to encourage creativity! You are allowed to use slight variants of these colors, but these exact hex codes are off limits
fira-sans is the font family used by Trifoia branding. Just like the Trifoia colors, the Trifoia font family is also off limits for this exercise
Submission of materials will be conducted through Git, to show that you have some basic understanding of the Git / GitHub ecosystem. Please follow the following steps for development and submission
- Fork the original Trifoia version of this project to your own Github account
- Once on your own fork, go wild! Use whatever techniques and environments you are most comfortable with
- When you are ready for final submission, make a pull request into the upstream branch with your name on it and your work will be reviewed
If building / running / looking at your work requires any special tools or steps, list those below. There is also space for any notes or feedback you would like to give
Fill in with your own build instructions
Fill in with your own notes / feedback