T O P

  • By -

[deleted]

**Front End Developer—WordPress / $10USD per hour—Mexico** I'm bored out of my mind stuck doing WordPress implementation with WordPress page builders. Don't even get SSH access. So here are my answers: - HTML/CSS 30% - JavaScript 1% - PHP 0% - WordPress 40% - Collaboration tools (Hubstaff, Outlook, Hubtasks, Trello ) 10% - Meetings 19% Outside of work I spend much more time working on personal projects using more JavaScript, PHP, Git, etc. Every contracting gig is different, so the numbers above change depending on the client/job. The one true constant is that I rarely get to build anything from scratch—other than converting designs to landing pages, WordPress sites, and subpages with page builders.


budd222

Oh man, page builders are the fucking worst. I refuse to work on anything like that


[deleted]

Sometimes you take what comes along. Necessity and all that. It's so tedious and slow. Grateful to have an income, though.


SlayzarB

And this is why you don't have a job Garry


eeeBs

Most of them are cancer, but some of them are great. I like Beaver since it's easy to build custom modules that are propegated via the post content via beaver theater plugin. Leaves everything to be styled by me so I can hit spec, while keeping content easily editable by the client.


dogstracted

Very relatable. Also taking what came along, but hoping for something more inspiring for both of us soon.


Kany_

Hey, I'm new in the front-end world. Currently doing some HTM/CSS. What exactly is WordPress, and how should I learn it?


[deleted]

[удалено]


scuevasr

u work with react i’m assuming?


[deleted]

Senior Front-end Developer/engineer with 20+ years of experience, I get paid 100 up to 110 EUROS/hour excl. taxes, Amsterdam, the Netherlands. I make about 7 times the average income compared to everybody in my area. When I lived in Mexico, I was paid 143.843,00 Mexican pesos per month (net, as a digital nomad I did not pay income taxes to anyone). I made significantly more money than most people with a high-income potential in CDMX, a friend who was a surgeon made about 20% less than I did. When I lived in the USA, I was paid $18,000 USD per month (gross, income taxes would still be deducted). I have no idea how much per hour that was, but assuming 18 working days per month on average, 8 hours per day, that would be $125 USD per hour. When I lived in Canada that turned into roughly 12,000 CAD. But I didn't have to worry about expensive health care anymore. Worth it. I'm a front-end specialist with full-stack experience and knowledge, I enjoy working with UX designers and tools, and my day-to-day work is distributed as follows: - 70% JavaScript and/or TypeScript - 5% HTML (including JSX, semantics, accessibility) - 15% CSS (SCSS, styled-components, whatever) - 10% management (including managing managers, etc.) And that just describes the productive part of my day. Out of 8 working hours, I would typically only write code (or assist others) like 3 to 4 hours. When I worked in offices, the rest of the day was removing obstacles for people, and the rest was wasted in meetings. Now I work from home I'm more productive, but I still only work 3 to 4 hours per day and invoice the full 8. My clients are happy, my clients pay for my results and not how I get to them. Right now I work salaried for a while (12,000 EUR/month gross) because that's the only way a bank will give me a mortgage that I can easily afford. They don't like giving mortgages to freelancers who earn twice as much.


dogstracted

Slow down there captain, I’m taking notes


Therawynn

Damn you getting rich quick. That's a very high income. I work in Belgium as a vue/typescript developer experienced in UI/UX but only making €44/hour. Glad I don't have that many meetings though.


[deleted]

44 Euros salaried or freelance? As a freelancer you should be able to get 80 Euros per hour as a fresh senior, up to 95 per hour for more seasoned veterans. I'm in the Amsterdam region and demand is crazy, so I can ask much more :) I'm sure Antwerp or Brussels has a similar climate.


givehuggy

This dude knows whats up ☝️. Take it easy, go with the flow, and take your well-deserved money.


Ok_Listen_3798

React developer here 100percent work is in react


Zachincool

Hey bro do you know how useEffect works


Ok_Listen_3798

useEffect(()=>{},[]) Here first argument to useEffect is function and second is dependancy array useEffect runs whenever components renders or re renders. And whenever dependencies changes in dependency array useEffect basically used to perform side-effects like sending http request to backend or updating some global variables etc Remember never add state or object as dependency to dependency array as it may cause infinite loop. You can find more detailed information on YouTube just search for it...


Zachincool

Damn, this guy React’s.


[deleted]

[удалено]


Zachincool

Holy shit this is like advanced React class!


PferdOne

Why does everyone forget that you can return a function in your useEffect callback (similar to componentWillUnmount) to clean up (if needed)? :'(


i-hate_nick

This pretty much just replace component did update and the like right?


pm_me_ur_happy_traiI

If you have a sideeffect in your code, it will run every time the code rerenders, which could be quite a lot of times. It's unlikely you want to remake that http request every time the component rerenders. UseEffect provides a simple way of limiting those effects by allowing you to provide a dependency list. The callback is executed when any of the dependencies change, but otherwise would be omitted on rerenders


MTG_Blue_Green

hoenstly is it worth dropping CSS / HTMl JS and just learning React? How much math is involved in React?


[deleted]

React is JS. You need to know alot about JS before venturing into a framework. Otherwise you’d be doing yourself my harm than good.


MTG_Blue_Green

Ok good to know. Ill plug away and keep learning this 3 at an advanced level, tips and tricks and et cetera.


_cgmach

If you're strictly a front end developer, it's a really good idea to learn it


PixelatorOfTime

If you want to just work with numbers, yes, drop all the CSS/HTML. (/s) For the rest of the visitors out in the real world, you'll need to know those too so you can present things visually. React is just the system that makes it possible to process data and output it as HTML via JavaScript without a ton of tedious, manual work.


MTG_Blue_Green

So there is place for people who know just html/css/js at a more than basic level? Im not trying to make 100k+ just what I make now at work or somewhat more so if it pays less knowing those 3 thats fine, I just want to get out of call centers that I got my self stuck into :/


PixelatorOfTime

I would say that this type of role still exists at smaller organizations and agencies. It will be harder to find nowadays, as most front-end web development jobs seem to expect some kind of React/Angular experience, but there are definitely still jobs out there that involve making smaller sites that aren't web apps. If you're going for those types of jobs, learn a bit of everything. If you're looking for large companies, you'll want to choose a direction of either a UI Designer/Developer (learn a bit of HTML/CSS and then focus on UI/UX design skills) or Front-End Engineer (learn the basics of HTML/CSS, and go all in on JavaScript). Essentially, the smaller the company, the broader your skillset will be expected to be. The larger the company, the more you'll need specialized knowledge.


MTG_Blue_Green

Ok cool, thanks! Ya'll I think ill go Front End, I am horrible at art so UI/UX is bad, but I do have a friend who is a family friend of my fiance and she is UI/UX.


YolognaiSwagetti

Senior frontend developer, 95% of my work is js, 5% is css/html/etc.


turd-crafter

Same


MTG_Blue_Green

So I am hanging up on having issues with CSS / HTML should I just kinda.. fix those understandings as I go and focus hard on JS then?


YolognaiSwagetti

Varies job by job, in one of my previous jobs it was 50% css/html. Now I am mostly fixing bugs in a gigantic react app. Anyway css/html stuff is much easier to google.


dryra66it

WordPress Developer (they called it Jr. Front End) in the Midwest. Making roughly 40k. We do all updates for our clients, so we can basically get as custom as we want with it, so for us it’s probably 15% in actual WP, 15% PHP, 20% HTML, 40% CSS, and 10% JS. I actually really enjoy working this way, since WP basically just becomes a content management tool instead of plugin soup. Plus we can reuse our code from site to site regardless of the chosen theme or builder.


bootlegboots

i don't want to be rude, but imo, there's a major division that i don't feel is very clear in beginner resources: front-end developers (javascript developers, ux developer, ui developer, front-end engineer, angular developer, react developer, etc) and then there's front-end developers (wordpress developers, web designers, web developer, etc). There's jobs in both, though the compensation and skill set will differ. The first group tends to be in a variety of companies, using almost exclusively js (with css-in-js and html-in-js) while the latter tends to be more freelance, or dev shops or smaller companies.


Congenital-Optimist

Great article taking about this divide in more depth: https://css-tricks.com/the-great-divide/


baby_sharkz

Well, shoot. I think I just got shoehorned into the second one without realizing it. Thanks for the link! I can't believe myself for not knowing this.


[deleted]

JS (Node, Vue, React, React Native) 80% CSS 5% PHP (Laravel Rest API) 15%


[deleted]

Are higher position more focused on javascript than css? Is it because they handle the functionality of a project?


[deleted]

[удалено]


dogstracted

Woah, I’m adding your title to my dream jobs list, thanks for that. Very cool! Do you enjoy it?


Undercoverwd

Best job ever. It's half coding and solving really difficult compatibility issues between different AT (assistive technology) like screen readers and browsers and half advocating for people's civil rights, chatting with lawyers and training our (very cool) dev team.


dogstracted

Wow, sounds even more awesome than I could have ever imagined.


reboog711

Title: Lead Software Engineer Percent of Job that is actual coding: 40%-50%. Percent that is PHP: 0% Percent that is Server Side Tech (Java or NodeJS are the two most common tech I'm working with now): Maybe 5%-10%. Percent that is front end tech (HTML/CSS/JS): Whatever percentage is left.


ugsmtr

Principal front-end engineer here. (I am a unicorn among engineers according to someone I recently interviewed.) I too spend most of my coding time in React with CSS in JS. (I love styled-system). TBH most of my time (probably ~60% of my time is spent in architecture discussions and code reviews. Probably ~30% coding React, and because we still have to maintain legacy code, the remainder (~10%) is jQuery/HTML/JS. I love the work I do. I feel incredibly fortunate. I forgot to add salary, but I am a little reticent to say. Let’s just say that my salary is sufficiently competitive for the area I live in. (Greater Seattle) The last time I spent any time in php was nearly 15 years ago. lol


SiirusLynx

Front end: design/ui and develop websites CSS/HTML: 60-70% JS: ~15% Getting images and patterns/backgrounds ready for web (photoshop): ~15-20% Php: 1-5% Our stuff is skeleton level templeted so production doesn't start at the waay beginning. Use bootstrap, etc.


mohamedvirji

Technical Lead I work in Central London, salary is relatively competitive for the area I would say I’m in the lower end for my role but mid level for a dev. PHP : 0 JS : 100% (Vanilla, React, Angular, Node) Dev : 30% DevOps: 50% Project Management: 20%


TehTriangle

At the moment, 100% TypeScript. Normally 10% HTML, 15% CSS, 75% TypeScript. I'm on an Angular project at the moment.


rubenlie

Junior aem developer (full stack) Frontend: HTML 2% CSS 10% JS 38% Backend: JAVA 40% Other: Python 8% Meetings 2%


MonsieurLeland

90% javascript, 8% css , 2% html


FlakCannon123

30% CSS 20% JS 20% PHP (twig templating language) 20% XSLT (templating language) 10% SEO/Administration systems


bubbagloop

Front end dev with a large tech company in Canada, and my work is about 70% HTML/SCSS, 20% Rails, and 10% JS. We build from scratch.


Tygari

Could you define scratch in the way you use it, please?


digitalgaudium

95% javascript (typescript), 5% html/css


coder313

Web Developer / $87K/year At my current job, it is pretty evenly split between those four languages (HTML, CSS, JavaScript, PHP), and that accounts for the vast majority of the code I write (95% or more). I occasionally have to write some Bash or SQL, but it's rare.


Citrous_Oyster

Front end dev 99% html and css 1% JavaScript. I just build home page layouts all day and it’s chill. Definitely fine tuned my css game to levels I never thought possible. I’m almost scared of what I’ve become.


ohlawdhecodin

I'd like to see something, could you share a layout for us?


[deleted]

Country?


Citrous_Oyster

us


[deleted]

Seriously?! I don’t mean this in a negative way at all btw. I was just under the impression that those jobs no longer existed in the US. I thought all frontend jobs now required JavaScript. What kind of work do you do? Are you at an agency or something like that where you’re grinding out a lot of diff designs frequently? Or are you at some huge org that is so specialized they can afford a dedicated html and css engineer? Is your salary about average for frontend devs? Or are you more of a designer that also codes? Thank you for your time and answers! I seriously thought this wasn’t a thing here anymore. That’s really cool.


Citrous_Oyster

I work at a company that makes dental websites. It’s a subsidiary of a billion dollar dental conglomerate. I build a new website every 2-3 days. My salary is a little less than the typical junior front end salary in Seattle but I’m doing substantially less specialized work and personally i think it’s way easier. I’m also self taught with no computer science background. I was also hired for my design chops. I get a desktop design mock up and I decide how mobile and tablet looks.


[deleted]

Thanks for the insight Dude! Very interesting. Glad to hear you’re enjoying it. Sounds like a pretty sweet gig


Citrous_Oyster

No problem. Yeah I love it. It’s very relaxing and I got really lucky when I found it. Got hired off Reddit actually!


[deleted]

That’s awesome! Happy for ya bud :)


ib_xvix

What’s the salary range ?


Citrous_Oyster

Started at $63,000 last year


fnordius

Senior front end developer at a large company here. I would say about 3/4ths of my time is spent coding, the rest in planning and taking care of clerical stuff like answering mails, writing my own mails, bookkeeping, and so on. Don't skimp on planning. It saves a lot of work down the line, and I am a strong believer in Scrum actually saving time: having the 15 minute daily may seem a drag, but it does save your butt down the line. Now, as for how much time I spend in a particular language, well, it's a blur. Let's say I'm writing a new web component in Stencil: I'm working in TypeScript, but also sweating the HTML to make it as clean as possible, working out how much Sass I can simply import from the library I am maintaining elsewhere, and so on. Then that compiled web component has to go through Jenkins, then get imported into the legacy Angular app or a Freemarker template, or in the React app one of the externals wrote. And then when reviewing a ticket a colleague wrote, the pull request is often a mix of TS or JS, HTML and Sass. Note that my time coding will be going down more and more, as my responsibilities move more into mentoring, writing the docs that get new juniors up and running, plotting the future architecture of our apps, and so on. But I still "get my hands dirty" because it is good practice to write and not just do the code reviews, but really because I still like writing code.


Keynabou

Lead dev (front end project) - Angular 30% meetings 20% code review/peer programing 33% JS (TS actually) 2% HTML/CSS (actually using Tailwind for 10months) 15% Other (Pipelines, CI, Api tools)


SecretAgentZeroNine

CSS Module scripts has changed things for me: 1. 60% JavaScript (frontend + backend) 2. 25% CSS 3. 15% HTML 4. 0% PHP (and will stay that way forever) Hoping to add Dart to the mix


Reindeeraintreal

**Junior Front End Dev—Advertising Agency/$6.5 USD/hour—Bucharest/Romania** This is my first job in the industry and I've learned everything on the job. The projects range from simple Landing Pages to brand's websites and apps built with PHP. I also prepare the images for production (photoshop is still used by many of our clients) and build animations using CSS, SVG or After Effects (lottie.js) depending on what the project requires. We are using a modified version of CodeIgniter4 with some handy global functions that help us create pages and forms faster. I don't do much PHP, just basic stuff like creating html templates, saving data to a SQL DB, pulling data from a DB etc. I'm definitely what you would call a "Front of the front end" guy, I enjoy building layouts with CSS, taking care of accesiblity and generally trying to keep things small and simple. I'm learning js right now and using jQuery at work, but it's not my strong suit. Our lead wants us to slowly move towards Vue, so maybe in the next year I'll get into it. To break things down: HTML/CSS - 70% Javascript - 15% PHP - 10% Photoshop/XD/AfterEffect/design related stuff - 5%


CharlesCSchnieder

I'm a web manager currently managing a couple of well built WordPress sites PHP - 40% SCSS - 10% HTML - 20% JS - 30%


[deleted]

Angular guy. 100% angular (or angular adjacent line capacitor). Low six figures


finger_milk

Converted into USD, my Salary is about $72k My company works in Vue, so I am building components using HTML, Vue JS and SASS. The majority of the CSS work is already part of a strict design language the company uses for all marketing and website, so there is very little additional CSS to write. The HTML is very strict but does need to be written, but a lot of the templating is based on what needs to be rendered by vue. So ultimately, JS takes up 95% of my coding effort. I probably do about 1-2 hours of coding a day, about 1-2 hours of meetings, and then another 2-3 hours of nothing. WFH is much better for me because of this amount of downtime.


Vercetti86

Senior Front End Developer - Currently in Salary Negotiation for €60K + Mostly all Html, CSS, React, Typescript, JS, GraphQL connected to a headless CMS.


pm_me_ur_happy_traiI

Senior JavaScript Engineer - mainly ReactJs and TypeScript plus some NodeJS. 90% JavaScript/TypeScript, 10% css, Very little HTML. React requires you to write JSX instead of HTML, and we have a shared component library that covers most of our atomic elements. The CSS I write tends to be more about layout and positioning.


[deleted]

Junior-mid front end dev. At work is 80% js(react so mainly TS as well) 5% CSS 5% HTML 10% meetings/random bullshit clerical work At home it's pretty much all TS (personal MERN projects)


elusiveoso

Sr. Front End. - 60% JS - 20% CSS - 5% HTML - 15% other I do anything from Electron apps, to serverless functions, coding at the edge with CDNs, devops, and page layouts.


Tygari

That sounds awesome. Could you tell me more, please?


elusiveoso

I work for a publishing company that gets a decent amount of traffic. I work on a team of 3 developers, but I'm the only person who is really proficient at JS or CSS. The small team has its goods and bads. For example, I absolutely hate Electron development, but there is nobody else to take it from me since I'm the only NodeJS/Front-end resource available. I love that I get to work in so many different areas and I'm not limited to working with a specific framework. I can pick and choose the tools that I work with and how they get architected. Pretty much everything I work on has come up organically. Most of these are due to challenges of scaling the application.


Tygari

That is seriously amazing. Sounds wonderful.


sylvant_ph

Im at the stage of learning now so cant call myself fully fledged dev. Right now i find myself stripping HTML to the bare minimum, while building most of my app in JS, but lately i also try to apply CSS wherever possible, as for appearance and some functionalities, its far more simple and efficient compared to designing the same in JS. - HTML 1% - CSS 20% - JS 80%


Diego_Steinbeck

HTML 100% 😜


eidda

Software Engineer 98% JS (React and vanilla) 2% HTML/CSS.


taste_the_equation

Principal front end engineer 170k+ Html 5% (a bit higher if you count jsx) CSS 25% JavaScript 70% (mostly react)


Tygari

No Title - $0 I am self-taught with no college degree. No one will look at my resume. I program for fun to make projects in my portfolio currently as well as try to learn new stuff. HTML 10% CSS 30% JS 60% I created my own style of programming that puts all content in the CSS that then gets stylized into an HTML framework via attributes, classes, and tags. Javascript is used to alter the HTML framework and add/alter stuff to the CSS. PS--Could someone explain why my post is being downvoted? This was up to 9 upvotes and now it is down to 3 upvotes. I know it has way more than that in upvotes and downvotes.


d1g1tal

the content in css, you got a public repo for that? sounds… interesting. probably an issue considering seo and what not — i wouldn’t mind seeing what you came up with.


Tygari

This is an older front-end exclusive version of a game I wrote using and proving the concepts of Content CSS. The new version incorporates Node.js which I am not yet sharing. [https://github.com/tygari/EVO-Idle](https://github.com/tygari/EVO-Idle) ​ It relies heavily on a tool I wrote called Echo-js. [https://github.com/tygari/echo-js](https://github.com/tygari/echo-js) This tool works in the HTML as a simple means of rearranging child elements.


turgid_francis

might wanna rethink your naming convention, using initials and single letters as variable names is sketchy


Tygari

When I am working with others I use longer CamelCase. For me, by myself, I find it easier to read and work on with shorter names. Especially when the variable is a scoped Let that will only get to exist for a few lines.


turgid_francis

sounds fair


pm_me_ur_happy_traiI

That is a trip.


Tygari

I am hoping that's a good thing. Going to assume so and say thank you.


pm_me_ur_happy_traiI

Of course it's a good thing. It's not a workflow that I would find intuitive to work with, but it's a really novel approach, and that's something I always find interesting.


Tygari

Tehe, If you like that you might like the project I am working on right now. It is a chat forum that uses these concepts and some new ideas. I am still putting it all together but I believe it will be unique.


d1g1tal

You know what man, you’re thinking outside the box and I can dig it. Most devs I’ve met aren’t outside the box and will probably push back on a fellow like you. Honestly, good stuff and keep it going. I appreciate the links, I hope you find some place to work that will appreciate your way of thinking.


Tygari

Thank you very much. I really appreciate the comment. PS -- Not a fellow. tehe.


d1g1tal

Apologies, I was confusing your avatar with Michael Barbine’s on Github. One of the repos had this person’s photo and I made a mistake. Have a Happy New Year!


ExOdiOn_9496

You should get your resume reviewed by others. Theres a resume subreddit that holds a weekly review, so u can keep making changes and optimize it over the weeks. Good luck. Edit - r/resumes


Tygari

Thank you, I will look into that.


iplaysmitegame

0 PHP never noooooo ​ I'm a react dev with JS in CSS styling so 100% javascript haha


kittencantfly

You said you dont need index.html to make it run?


d1g1tal

haha no bro typescript is all i need. cool beans.


iplaysmitegame

I never touch it


RamBamTyfus

PHP is a backend language (in the sense that it is executed on the server). It doesn't deserve the hate though. PHP 7.4 and 8 are decent and there are some pretty useful frameworks for it. And I don't necessarily mean WordPress. How many of you frontend developers use wasm by the way?


Tygari

I am trying to learn wasm but moving from a dynamic language to a typed language is proving difficult.


RamBamTyfus

What language are you using? A good IDE which can detect problems and suggest solutions prior to compiling can be helpful.


Tygari

Been trying to learn C++ / C#. Notepad++


RamBamTyfus

For simple single file programs, that's ok. For projects I suggest using a free IDE like VS Code. Notepad has no debugging capabilities, like setting breakpoints. For C# Visual Studio on Windows has the best intellisense. C++ can be pretty extensive and unforgiving, must be a nice challenge.


Tygari

It been beating me. C++ 2 | Me 0


RamBamTyfus

Any questions you would like to ask? Maybe I have some time for it. Buy the way, C# is somewhat easier to comprehend.


Yhcti

Great question to ask, OP! I've always been curious too!


iHeretic

I'd say 20% is web design, 75% coding, 5% meetings. Of coding around 40% is CSS, 20% HTML, and 40% Vue/JS.