Emerging Web Technologies

Introduction

I will be updating this article indefinitely as I am constantly eyeing for emerging technologies particularly in web development, rich media development, social media development, user interface, user experience, software and hardware, third-party services, development processes and systems administration. There are too many technologies and iterations available. To prevent conflicts and information overload, I am presenting these ideal rosters based on my personal opinion. If you think yours is more sensible to consider, due to environment and situation, than those included in this list, then feel free to alter some entries in this technology list.

Front-End Development

I did summarize the technologies and libraries I would prefer for modern Web Development concerning Front-End:

  • HTML5
  • CSS 3
  • JavaScript
  • Vue.js
  • Twitter Bootstrap
  • LESS

Back-End Development

Here is the complete back-end stack I would recommend for fast and scalable web application:

  • Ubuntu/Linux
  • NGINX
  • PHP 7
  • MariaDB
  • Laravel 5.5

Media Editing

Listed below are the tools and softwares you need to utilize in order to create and optimize image and video assets for web pages:

  • Adobe Photoshop
  • Adobe Premiere
  • Adobe Media Encoder
  • TinyPNG
  • Favicon & App Icon Generator

Rich Media Development

Here are the tools and libraries, both HTML5 and Flash, necessary for modern development of Rich Media creatives:

  • Adobe Flash
  • ActionScript 3.0
  • TweenMax AS
  • GSAP JS
  • Google Web Designer

Social Media Development

Here are the tools, APIs and SDKs needed to develop Facebook Apps, Twitter Applications, and SSO Applications:

  • Facebook API
  • Facebook Developer
  • Facebook Page
  • Twitter API
  • Google API

SEO and SMO Technologies

Below are the most efficient tools and technologies for both Search Engine Optimization (SEO) and Social Media Optimization (SMO):

  • Bing Toolbox
  • Google Search Console
  • Google Analytics
  • Google Maps
  • Facebook Open Graph
  • Twitter Card
  • Pinterest API
  • Sitemap
  • Robots.txt

Data Aggregation

Below are the following terminologies, formats and technologies you need to consider for data passing, aggregation, integration and syndication:

  • JSON (JavaScript Object Notation)
  • AJAX (Asyncrhonous JavaScript and XML)
  • CSV (Comma-Separated Values)
  • XML (eXtensible Markup Language)
  • RDF (Resource Description Framework)
  • RSS (Really Simple Syndication)
  • HTTP Methods
    • GET
    • POST
    • HEAD
    • PUT
    • DELETE
    • OPTIONS
    • CONNECT
  • CORS (Cross-Origin Resource Sharing)
  • Query String

Coding Environment and Tools

I will list all tools and third-party applications that I often use together with coding, testing, file-transfer and saving:

  • Notepad
  • Sublime Text 3
  • Google Suite
  • Dropbox
  • Github
  • JSFiddle
  • Pastebin
  • Putty
  • FileZilla
  • Google Chrome
  • Mozilla Firefox
  • Apple Safari
  • Microsoft Edge
  • Opera

System Administration

Here is a list of third-party providers of System Administration functions such as Domain Name Registration and Management, Web and Cloud Hosting, Dedicated IP and SSL Integration, Dedicated Virtual Servers, Ports and Security Policies and Infrastructure Scaling.

  • GoDaddy
  • Bluehost
  • AWS EC2
  • AWS S3
  • AWS Route 53
  • AWS RDS

Conclusion

I can conclude that if you are knowledgeable of the technologies listed above, you can call yourself a fully fledged web expert which is, in my own opinion, way better than a full-stack developer. You know how internet works, you know how software works with hardware, you can design and animate, you can program and develop applications, you can deploy and troubleshoot, you can analyze and optimize data, and most of all, you simply enjoy the evolution of internet technologies.

Earning Opportunity for Multimedia Arts Students

Announcement

We are opening an opportunity for Multimedia Arts students, fresh graduates and freelancers to enhance their skills making it pleasingly acceptable to international clients.

Our team at Rich Media Manila has an on-going referral partnership with ReFUEL4 Pte. Ltd. Our partner needs a pool of talented designers to create banner advertisements for their clients. The banner ads are published and will be visible to some of the biggest social media platforms in the internet — yes, your guess might be right.

The required designer output can be any of these rich media formats: static images, carousel imagesGIFscinemagraphs, videos and fusion of the said formats.

Prioritizing Philippine Residents

As we are based in Makati City, we will be prioritizing design students who resides and is currently studying in the Philippines. I would like to personally call the attention of the following schools who are known to be excellent in Multimedia Arts and Digital Design fields so that they can encourage their students to participate:

It doesn’t matter if your school is not in that list. It doesn’t even matter if you are studying in a school or not! Mentioned schools are some of the established names due to their consistency with regards to producing quality designers. But, I personally believe there are still students who are better than those produced by schools above. As long as you can design well then you are good!

The requirements are easy. Each designer must be knowledgeable in Adobe Photoshop and Adobe After Effects. These authoring software will be their base tools to begin with. Other required softwares and online services such as Dropbox, Shutterstock, Skype, Google Suite and more can be learned on the process. Also, the designer should be willing to take on a number of agreed deliverables per month.

Each designer can work remotely from home or other convenient places of choice. Here is a standard list of probable operation requirements:

  • Internet Connection (DSL or better)
  • Capable Computer (Laptop or Desktop)
  • Authoring Softwares (Adobe Photoshop and Adobe After Effects)
  • Facebook Account (as required by ReFUEL4 platform)

What are the known benefits of joining the ReFUEL4 designer program?

  1. Designer gets to experience creating banners for top brands.
  2. Designer will get a monthly pay of $50 if qualified.
  3. Designer will enjoy a monthly pay of $250 if qualified.
  4. Better opportunities await outstanding designers.

Though we accept applications from freelancers and graduates, we are pushing to encourage design students more as they are the ones who need experience and can immediately benefit from the program.

Working with the Team

You may also contact us for internship availability considering the preference of working in our office. We would also appreciate if you choose to, instead, work with our team as an intern and grow your career with us .

Application

Once decided and ready, please send an email to hello@richmediamanila.com with the subject of ReFUEL4 Designer Application. Please attach your resume, include contact details, and if available, add the links to your creative works.

The team is very much excited for your application. If you are hesitant or you simply have questions in mind, feel free to message me directly or use the comment box below.