Front End Developer

06/07/2018

We are looking for cool Front End Developers! Send us your updated resumes and be part of an exhilarating and fun team of like minded people. For more info, click here http://ffuf.click/frontenddeveloper 😊

FFUF Manila is looking for Web Designers for the Makati office. For our fast growing team we are looking for Web Designers being interested in working with a state-of-the-art software stack and building beautiful and appealing web software together with german colleagues. Our Wish List Completed

01/11/2017

https://share.payoneer.com/nav/VFZtHHN_SLX3gh7tf-yzvFMQ0SL0Pb-3nJ7p6uNc-lLmNa2DEr8GlfMCkCim78D4angJL4aEVq866VV2NIHWGA2

Need a quick, low cost & secure solution to get paid internationally? Get $25 when you create a free Payoneer account using my referral link.

12/25/2016

http://www.frontendsdeveloper.com/how-to-use-sublime-text/

Sublime Text is a pretty darn popular code editor. Despite its popularity and all the good things I’ve heard about it, I still lean heavily on other editors (Coda being my go-to for most projects) and have never given Sublime Text the time of day. Call it sheer laziness or whatever, but I’m a creatu...

12/09/2016

DO YOU HAVE WHAT IT TAKES TO BE A FRONT END DEVELOPER?

Recently I began looking at job postings calling for front end developers. I felt pretty confident with the skills I acquired over the last year and a half. That is, until I looked over some of these listings.

For me, the shocking thing was how much some of these front end job descriptions varied.

I came across mentions of backend JavaScript libraries to various CMS platforms. And even SEO-related requirements. However, one thing became clear: I need a much stronger understanding of JavaScript.

12/02/2016

10 Things You Should Never say To Front-End Develoeprs:
10. I'm looking for a front end designer: "Designers tend to always work on the 'front-end.' If you're differentiating between front- and back-end, you're looking for a developer. Those "de-" words are tricky."
9. Can we add a nice little Flash animation right here? "Flash is dead! We animate with JavaScript now!"
8. Can we change the background to this? How about this? Hmm, go back to the other one: "If you don't have a clear idea of what you want, be careful. You could end up wasting the developer's time and, more importantly, your money."
7. Did you use Java to do that? "When picking up on buzzwords, 'Java' and 'JavaScript' sound like the same thing. In fact, they are very different!"
6. I was thinking drop down menus for the navigation: "Drop down menus were popular tricks back in the day, but with the rising popularity of tablets and other touch devices, mouse-over doesn't really work the same way it used to."
5. I wonder how this looks on my phone: "If you didn't plan on building a mobile-compatible site, you will likely not be impressed... and you might make your developer nauseous if you bring it up unexpected."
4. Would it be hard to turn this into an iPhone/Android app? "Yes."
3. This just doesn't feel like native: "If you want native interaction, build an app! If your project doesn't call for an app, it probably doesn't demand highly nuanced interaction either."
2. Can we make that real time? "Real time isn't something that can just be tacked on. Also, in most cases, it is either killing the server or killing device battery life. If you don't ABSOLUTELY need it, don't go barking up that tree."
1. My grandma said the site doesn't work in Internet Explorer 6: "To express how this makes me feel... (╯°□°）╯︵ ┻━┻"

10/21/2016

I craft spectacular digital experiences that will take your breath away. From UI/UX design and rebranding to front-end or back-end development process, our masterstrokes of creativity will surely leave you astounded.

08/11/2016

7 Great Web Development Tools

Sublime Text
Let’s start with the basics: a first-rate code editor – one that features a well-designed, super efficient, and ultra speedy user interface. There are several that do this well, but arguably the best (and most popular) is Sublime Text.

Artfully run by a one-man development team, the secret to Sublime’s success lies in the program’s vast array of keyboard shortcuts - such as the ability to perform simultaneous editing (making the same interactive changes to multiple selected areas) as well as quick navigation to files, symbols, and lines. And when you’re spending 8+ hours with your editor each day, those precious few seconds saved for each process really do add up…



Chrome Developer Tools
Wouldn’t it be great if you could edit your HTML and CSS in real-time, or debug your JavaScript, all while viewing a thorough performance analysis of your website?

Google’s built-in Chrome Developer Tools let you do just that. Bundled and available in both Chrome and Safari, they allow developers access into the internals of their web application. On top of this, a palette of network tools can help optimize your loading flows, while a timeline gives you a deeper understanding of what the browser is doing at any given moment.

Google release an update every six weeks – so check out their website as well as the Google Developers YouTube channel to keep your skillset up-to date.



jQuery
JavaScript has long been considered an essential front-end language by developers, although it’s not without its problems: riddled with browser inconsistencies, its somewhat complicated and unapproachable syntax meant that functionality often suffered.

That was until 2006, when jQuery – a fast, small, cross-platform JavaScript library aimed at simplifying the front-end process – appeared on the scene. By abstracting a lot of the functionality usually left for developers to solve on their own, jQuery allowed greater scope for creating animations, adding plug-ins, or even just navigating documents.

And it’s clearly successful – jQuery was by far the most popular JavaScript library in existence in 2015, with installation on 65% of the top 10 million highest-trafficked sites on the Web.



GitHub
It’s every developer’s worst nightmare – you’re working on a new project feature and you screw up. Enter version control systems (VCS) – and more specifically, GitHub.

By rolling out your project with the service, you can view any changes you’ve made or even go back to your previous state (making pesky mistakes a thing of the past). The repository hosting service also boasts a rich open-source development community (making collaboration between teams as easy as pie), as well as providing several other components such as bug tracking, feature requests, task management, and wikis for every project.

Many employers will look for finely honed Git skills, so now’s the perfect time to sign up – plus it’s a great way to get involved and learn from the best with a wide array of open-source projects to work on.



Twitter Bootstrap
Getting tired of typing in that same styling for a container? How about that button that keeps cropping up? Once you start building front-end applications regularly, you’ll start to notice the same patterns emerging.

UI frameworks are an attempt to solve these problems by abstracting the common elements into reusable modules - meaning developers can scaffold the elements of new applications with speed and ease.

The most widely used of these frameworks is Bootstrap, a comprehensive UI package developed by the team at Twitter. Complete with tools to normalize stylesheets, build modal objects, add JavaScript plugins, and a plethora of other features, Bootstrap can dramatically cut down on the amount of code (and time) needed to build your project.



Angular.js
HTML is usually the cornerstone of any front-end developer’s toolbox, but it has what many perceive to be a serious flaw: it wasn’t designed to manage dynamic views.

This is where AngularJS, an open-source web application framework, comes in. Developed by Google, AngularJS lets you extend your application’s HTML syntax, resulting in a more expressive, readable, and quick to develop environment that could otherwise not have been built with HTML alone.

The project is not without its critics: some feel that this sort of data binding makes for a messy, non-separated code, but we still think it’s an invaluable skill to have in your front-end kit.



Sass
One of the first things you’ll learn about code is that it needs to be DRY (“Don’t Repeat Yourself”). The second thing you’ll probably learn is that CSS is usually not very DRY.

Enter the world of the CSS preprocessor, a tool that will help you write maintainable, future-proof code, all while reducing the amount of CSS you have to write (keeping it DRY).

Perhaps most popular among them is Sass, an eight-year-old open-source project which pretty much defined the genre of modern CSS preprocessors. Although a little tricky to get to grips with initially, Sass’s combination of variables, nesting, and mixins will render simple CSS when compiled, meaning your stylesheets will be more readable and (most importantly) DRY.

[Do you use any other developer tools that you think others should know about? Share your thoughts in the comments below.]

Web Development Short Course

01/01/2015