Freelancers, how did you get started? web developers |
- Freelancers, how did you get started?
- Why use em's for things like padding/margin?
- Porting Firefox to Apple Silicon
- Server Side Rendered JS Asset for Performance (not a static site / not react)
- Responsible Web Applications
- Server pricing
- Can asset bundlers (webpack, rollup, parcel, etc) help reduce a slow Largest Contentful Paint (LCP)?
- Very stuck and confused. Tried to give the SVG a hover effect where the colors are inverted (the orange becomes white and vice versa). I tried using the classes "cls-1" and "cls-2" because those are what controls the icon's fill colors. For some reason, the hover fill effects won't work:
- <div> will insert a paragraph break, <span> won’t. Does a container have hidden properties?
- Good SASS framework/project for setting up project structure/foundation?
- How I handle technical problems i.e. connecting Next.js to MongoDB in live
- What backend language / Tech do you recommend?
- Dumbdown - The dumb alternative to markdown
- Newbie style question - I don't get "Git"
- Hi! Very new to Web Dev studies. I'm learning via free education online, so kind of trying the self taught approach. Any tips or advice you can give me that you wish you had known or been told when you were where I am? Please Eli5.
- Does it look very unprofessional to sort my projects on github in folders?
- How to learn to design and build a portfolio from scratch.
- pup is a command line tool for processing HTML. It reads from stdin, prints to stdout, and allows the user to filter parts of the page using CSS selectors.
- I have no clue what to put on my resume as a self-taught dev
- Tips and tricks to spot careless mistakes or code that don't work?
- createElement() method in JavaScript.
- Looking for an in-browser way for client to edit data
- What’s the best process of working with a clients design to create a HTML/CSS site?
- Project or app built with different backend technologies
- Designing a web app of web apps?
Freelancers, how did you get started? Posted: 20 Jan 2021 01:29 PM PST I'm curious how to start freelancing, not through something like fiverr, but get my own clients. Did you look up local businesses and see if they needed an application or service? Also what software do you recommend to track time and issues? Did you also create an llc to protect yourself? Thanks for your time! [link] [comments] | ||
Why use em's for things like padding/margin? Posted: 19 Jan 2021 09:04 PM PST I can't seem to find a good explanation for something as simple as this. I see so many people say they use these unit's but no reason why? Em refers to the parent element of course. And of course, px is a hard value that doesn't scale and em does, but how well does em scale to give responsiveness? Is there a video or just a guide out there that can explain why em is the superior unit for margins/paddings? [link] [comments] | ||
Porting Firefox to Apple Silicon Posted: 20 Jan 2021 09:02 AM PST
| ||
Server Side Rendered JS Asset for Performance (not a static site / not react) Posted: 20 Jan 2021 10:48 AM PST Hey all! I'm working on a project where a JS utility is embedded on customer sites. Right now, after the JS is loaded I kick off API requests to get user settings & other bootstrap info to successfully utilize my library. Is there a good toolchain for running a webserver that will build (transpile, bundle, etc) these JS assets live such that I can make that initial bootstrap request on the server and embed those values into the JS file? The intent is to reduce the total number of round trip requests. Our current scale is around ~ 40k requests per second for JS assets and subsequent APIs. Reducing this by half would be very meaningful from a user experience standpoint. Most examples I've seen for "server side rendered JS" is around using a framework such as React to generate some initial HTML to improve time to first paint. My problem is different in that I don't have HTML to serve, but rather javascript to execute with some seeded (potentially templated) variables. Any recommendations would be much appreciated! Edit: some typos / formatting [link] [comments] | ||
Posted: 20 Jan 2021 05:17 AM PST
| ||
Posted: 20 Jan 2021 02:11 PM PST We are planning to launch soon and are calculating server expenses. We have a backend ec2 server for laravel, an rds and a nextjs frontend server. We expect having 75000 users a month on the frontend and 500 users on the backend. For nextjs we thought about going serverless to reduce problems scaling or simply just some scalable ec2. It would be a very lightweight frontend with only 1 DB request per user, maybe we even could migrate to aurora? We don't know what charges to expect with this amount of users and what option would be cheaper on the long run. Can someone give some advice? [link] [comments] | ||
Can asset bundlers (webpack, rollup, parcel, etc) help reduce a slow Largest Contentful Paint (LCP)? Posted: 20 Jan 2021 11:04 AM PST We have many traditional websites (PHP, jQuery and plugins, bootstrap), and some of them have a slow Largest Contentful Paint. I've been playing around with Parcel and Rollup a bit, but I'm not sure this is the right way to go. They seem to be more focused on advertising faster build times than actually faster rendering. My rationale in trying these is that both the jquery plugins and CSS is quite heavy. We've tried combining and minifying, which seems to help a bit, but not enough. I wanted to see if these bundlers are able to help lazy-load many of the assets in a smart way, without having to completely rebuild the sites. Am I going down the wrong path? Do you have any advice? If this is not the correct sub to ask this, please redirect me to one that is more appropriate. [link] [comments] | ||
Posted: 20 Jan 2021 10:30 AM PST The HTML: The CSS: [link] [comments] | ||
<div> will insert a paragraph break, <span> won’t. Does a container have hidden properties? Posted: 20 Jan 2021 12:48 PM PST I'm trying to wrap my head around containers and how they are unique. You add a <div>, give it a class, and add properties. But how does this differ from using a container? I keep seeing containers used with grid, but I don't see why you cannot just create a class name .poop and style it. Edit: thanks all. I'm realizing zooming out that I need to bone up on browser defaults. [link] [comments] | ||
Good SASS framework/project for setting up project structure/foundation? Posted: 20 Jan 2021 02:29 PM PST Hey Errbody, I am starting a new project and utilizing SASS. I'm going fo ra very modular approach to this project and was wondering if there is any good starter sass frameworks, that can guide me on a good setup. I don't really need any components or anything. Just a good structure for starting ones own SASS framework if that makes sense. Thanks in advance! [link] [comments] | ||
How I handle technical problems i.e. connecting Next.js to MongoDB in live Posted: 20 Jan 2021 02:15 PM PST Greetings fellow webdevs. Often when working on private projects, or challenges set by tutorials I have hit upon issues which fall across a number of areas of expertise. Yet I have never seen anyone directly address this in their tutorials, or courses. As a front end dev transitioning into full stack I hit upon a problem which only presented itself while hosted and thought this would be a great situation to highlight to everyone out there that we are all stuck now and again, but there is something you can do about it Linky to the videoy [link] [comments] | ||
What backend language / Tech do you recommend? Posted: 20 Jan 2021 03:54 AM PST Hi there. I am a front end developer that would love to get into backend, db's, etc. What backend language do you recommend? [link] [comments] | ||
Dumbdown - The dumb alternative to markdown Posted: 20 Jan 2021 08:37 AM PST
| ||
Newbie style question - I don't get "Git" Posted: 20 Jan 2021 10:55 AM PST specifically, if someone share's their repo and I go look at it - in this specific example say an HTML and CSS file, am I supposed to clone it so that I can open it in Chrome to look at it? I "git" the whole workflow thing, cloning, editing, putting it in a branch, committing thing and why we do those things (I think) - for context, my level of newb is - I'm working my way through the Odin Project, just about to finish the beginning HTML and CSS stuff and start my first project (though I've done other tutorials and have made a few very basic websites...) I feel like I'm totally missing something with Git because its supposed to end up being your Portfolio... is your Git Portfolio mean to just be raw code ? maybe someone could ELI5 how and why you use Git above and beyond creating your own repo and workflow ? thanks [link] [comments] | ||
Posted: 20 Jan 2021 04:32 PM PST As the title says, I'm brand new to all things web development (excluding some very VERY faint memories of myspace background manipulation) and I just was wondering if there was anything you would like to share with or recommend to myself or any other aspiring web developers. It could be anything from books or websites, HTML or CSS, all the way down to the actual process of job hunting. Any advice or help at all is very much appreciated. Thanks! [link] [comments] | ||
Does it look very unprofessional to sort my projects on github in folders? Posted: 20 Jan 2021 08:39 AM PST I currently have my github account in such a way that i have folders for projects which use the same primary technology. So i have a react repo, vue repo, php repo, vanilla js repo etc. So my projects go into the shared repo based on what main tool i use to build it. This also makes it easy to find a project since i always know what repo its in. Now i get that for larger projects with multiple people working this is a problem, but when its just personal projects where the only one who will ever make changes it wont cause problems. I obviosly also dont create seperate branches to make changes but i doubt anyone does that for personal projects. So ive just been wondering if that looks bad, dumb or unprofessional? Should you always only have 1 project for a repo? Or am i just overthinking it [link] [comments] | ||
How to learn to design and build a portfolio from scratch. Posted: 20 Jan 2021 03:32 PM PST Hi, I'm reaching out for advice and resource recommendations to reach a goal of designing and building a portfolio website (not the projects I plan to fill it with) from scratch that, hopefully through some feedback and iteration can look like something I can be proud of. I don't know why but I just don't want to use a template. Maybe this is a bigger goal than I realize, another reason why I'm trying to reach out. I'm just hoping with a specific goal in mind this can be attainable in a reasonable amount of time. I know that's vague, I guess after a month I'd like to have made considerable progress if not be finished but would still push forward if that's not realistic. Please let me know any thoughts and advice/recommendations! Thanks in advance. [link] [comments] | ||
Posted: 20 Jan 2021 04:49 AM PST
| ||
I have no clue what to put on my resume as a self-taught dev Posted: 20 Jan 2021 02:13 PM PST I'm trying to get my first job as a junior front-end developer, but the problem is that I'm self taught which means I have no degree and no experience. All I have are projects and skills and a portfolio. I did however complete FCC's front-end curriculum but I'm not sure if that's appropriate to put on the resume as education. What should the layout of my resume look like? Any templates that'll help me? Because every template I use I end up with a ton of white space due to me lacking a degree and experience. [link] [comments] | ||
Tips and tricks to spot careless mistakes or code that don't work? Posted: 20 Jan 2021 01:51 PM PST I'm following a project where a person building a website and the css he wrote when I followed him I couldn't get the same result. Been spending hours trying to figure out how to unstuck myself. The code looks exactly the same to me. How or what do you guys do when you can't get something to work? I'm just building my first project and it's hard for me to spot these mistakes and I don't want to spend hours on something I know prob some dumb mistake. I don't have anybody to look over my shoulder and spot the mistake. Do you have any personal go to strategy or tips or tricks to self audit your own code? Any advice would be greatly appreciated. [link] [comments] | ||
createElement() method in JavaScript. Posted: 20 Jan 2021 01:38 PM PST I'm trying to build a simple website. There's an "Add to cart" button, which when clicked, adds an element(call it item) to another div (let's call it cart) using the createElement() method. Now there's another button "Remove from cart" to remove the item from the cart using the removeChild method. However this doesn't work. Seems like the elements created by createElement() method locally inside an eventlistener, cannot be modified outside of the eventlistener. So my question is how do I solve this? And why doesn't it work this way? Code: To add an element: addToCart.addEventListener('click', ()=>{ const item = document.createElement('div'); item.classList.add('cart-item'); cart.appendChild(item); }); removeFromCart.addEventListener('click', ()=>{ let tmp = document.querySelector('.cart-item'); cart.removeChild(tmp); // the item still stays in the cart }); [link] [comments] | ||
Looking for an in-browser way for client to edit data Posted: 20 Jan 2021 01:36 PM PST Essentially, I'm making a website that shows the data that the client wants to show, which isn't private nor sensitive. It's just like tips/tricks. The client wants an interface of sorts with which adding/removing and editing these tips will be simple. The problem is I don't have access to any backend/server side code, so I can't do a proper database call. I don't know of any good way except to have a json file that the client would have to "learn" to edit themselves. Are there any other good options in this case? [link] [comments] | ||
What’s the best process of working with a clients design to create a HTML/CSS site? Posted: 20 Jan 2021 01:54 AM PST It's my first time working with a clients design (done in figma) and wondering what is the most efficient way to replicate their design and match all the redlines/dimensions they have? I usually use Bootstrap, but would it be easier to match their design dimensions using CSS grid for example? And please let me know the process you go through when given a design from either a client or in this case a design team! Thank you! [link] [comments] | ||
Project or app built with different backend technologies Posted: 20 Jan 2021 01:09 PM PST I'm looking for articles, videos, or tutorials that build a web app with a backend (for example a todo app) that use use different technologies. Maybe one using node/express, another with rails, and another with flask or asp.net [link] [comments] | ||
Designing a web app of web apps? Posted: 20 Jan 2021 08:33 AM PST Currently in a debate about the best way to design a web app which hosts multiple web apps for a client. We are tasked with building all of these web apps from scratch and they are to be hosted in a singular app with a homepage that is custom to each user containing information from each web app of their choosing. Logic and data will be managed by apis, so it's really a question of managing the UIs. There are essentially 2 designs that we are debating... Option 1: Each UI exists on its own AWS ECS instance and the master web app will route between them or display them within its UI using something like iframes. If it's routing then maintaining a unified router among web apps will be annoying. This also seems tricky to load the snap shots for custom home page. The pro here is that you can elevate changes to each app individually without worrying about conflict with other apps. I am also unsure of how security works with iframes and if jwt tokens are passed through? Option 2: Each UI is a library which is a dynamic import of the master UI based on what that user is doing. This seems tricky to manage each of the apps as an independent entity but also seems the most efficient for loading and managing users. This also seems the best for consistency among apps and provides a smoother experience. Honestly I am leaning to option 2. I have a feeling my boss is leaning to option 1 because it's more micro service oriented. Would love to hear any and all opinions! Any articles discussing this would be greatly appreciated as well! [link] [comments] |
You are subscribed to email updates from webdev: reddit for web developers. To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States |
No comments:
Post a Comment