• Breaking News

    Thursday, September 2, 2021

    Home Unlabelled The website I have been tasked with updating today... web developers

    The website I have been tasked with updating today... web developers

    September 02, 2021

    The website I have been tasked with updating today... web developers

    The website I have been tasked with updating today...

    Posted: 02 Sep 2021 04:59 AM PDT

    Grid/Flexbox Layout Practice

    Posted: 02 Sep 2021 03:13 PM PDT

    Lately I've been struggling making layouts with CSS, Flexbox, and Grid.

    I understand all the HTML elements and understand semantic elements, I guess I'm just not quite grasping how to use Flex and Grid perfectly to just make a layout.

    Even something simple like a centered H1 with some center aligned buttons underneath, similar to this. (I made this with Grid) I don't have the source code since I'm on my phone.

    https://imgur.com/a/eGFsGtJ

    What are some good resources to practice this?

    submitted by /u/Crashman1012
    [link] [comments]

    Tiny project redone 8 times now. This week with React function components (Hooks). Simple app in a simple environment with not many moving parts = good way to practice new ways to solve problems.

    Posted: 02 Sep 2021 08:54 AM PDT

    The tiny little JS project was built 8 different ways so far, and will be rebuilt in 3 additional ways. There is a write up for each build (an 11-part series of writings).

    This week the UI has been built with React using function components (Hooks). The same had been previously done in the series using class components.

    Next week the project will be calling an asynchronous endpoint to request the data while still using React Hooks (this was also previously done using class components).

    If you are interested, there is also a repo linked in the write up. https://morsewall.com/random-quote-part-8-react-hooks-using-various-front-end-stacks/

    And if you are interested in starting the 11-part series from the beginning: https://morsewall.com/random-quote-vanilla-javascript-using-various-front-end-stacks/

    submitted by /u/celueworld
    [link] [comments]

    Would you quit your current job to learn a new skill and get a better more satisfying job?

    Posted: 02 Sep 2021 08:39 AM PDT

    I've been thinking about this a while, covid hit me hard so i lost my job at the moment (front-end + wordpress custom theme development)

    A couple months later i found a job as a helpdesk agent, which helped me put food on the table. It was ok, until a month ago, when a company contacted me about a possible job offer (junior front-end) which had waaaay more perks than this one.

    Most job offers they had required React, but anyways i passed the interview and they offered me a position for one of their client who that using WordPress for multiple platforms they owned, which later was put into standby.

    What started this mess, was that this was a multinational that was showing some real interest in me, before this it was always just me and some clients, so, for once, the impostor syndrome was not affecting me and it gave me a helluva confidence boost.

    Which brings me to this thought:

    -TLDR- Should i quit my job, and focus all the time i have to learn React (and next.js or Gastby which I've been wanting to learn for a while), make some projects using them, in order to get a better job opportunity ?

    I know the reasonable thought is to not quit your job until you have another one, BUT, the current one just takes all my energy, i come home everyday with no energy left and the only time i can actually learn something is on weekends.

    Thank you for reading through this wall of words.

    submitted by /u/simobm
    [link] [comments]

    Building job worthy projects

    Posted: 02 Sep 2021 01:12 PM PDT

    Hie, guys, am trying to change careers so I've been learning a lot lately, mainly JS + React and Java for use with Spring Boot.

    Am have maybe advanced intermediate knowledge but not a lot of big projects to showcase. What's some 5 or so recommended projects that I can start working on that might give me a great chance at getting a job in tech? Thanks in advance.

    submitted by /u/prosperinweb
    [link] [comments]

    I want to remake a very old forum from years ago, an exact replica, do I use discourse or mybb?

    Posted: 02 Sep 2021 12:49 PM PDT

    I basically am looking for a ''1 click'' forum service, but most importantly I need to be able to change the front end entirely, I have to use waybackarchive to find an old forum that I frequently used to visit and basically copy paste the old html/css layout and still make it work with a forum provider, which do you guys recommend?

    I heard Discourse is limited when makign your own frontend, but I see MyBB sites that have a fully customized layout, what should I do?

    Also self hosting for me is not a problem. Thank you in advance

    submitted by /u/DavoMyan
    [link] [comments]

    Programmatic control of theme-color?

    Posted: 02 Sep 2021 04:33 PM PDT

    Hey guys,

    I've been looking into adding the theme-color meta tag to my site, however i've got a handful different colour themes. I'm just wondering is it possible to control the colour value programmatically? Can you change the hex code in the content attribute using javascript or would it be possible to create/remove a meta tag when the theme is changed? 

    <meta name="theme-color" content="#FFFFFF">
    submitted by /u/kmanfred
    [link] [comments]

    What are the web performance metrics that actually matter?

    Posted: 02 Sep 2021 06:39 AM PDT

    Question about express.js req.query vs req.params

    Posted: 02 Sep 2021 12:23 PM PDT

    I am confused about the use case for why you would choose passing data one way over the other. I am currently creating endpoints and don't know why (from a backend or a frontend perspective) someone would choose to pass data one way or the other

    https://localhost:3000/user?userId=5896544

    For this one you would use req.params

    ​

    ​

    https://localhost:3000/user/5896544

    For this one, you would use req.query

    submitted by /u/4bangbrz
    [link] [comments]

    Our form was submitted multiple times despite taking standard precautions against that happening, and I'm wondering if anyone's experienced similar

    Posted: 02 Sep 2021 04:04 PM PDT

    The other day a customer came through our checkout flow and somehow three submit events were kicked off, which resulted in him being charged three times. For some background, this is on a React app and what happens when the button is pressed to submit the form is:

    • A method on the component is called which triggers a state update to say that the form has been submitted; this will cause the button to be disabled
    • We reach out to Stripe for a payment token
    • The payment token is then given to a function that kicks off a request to our API to capture the payment and do other checkout related things

    So far I've only been able to reproduce the bug by artificially delaying the call that requests the payment token with setTimeout(), which I did to test whether a delay in rendering could have caused the issue by allowing a window of opportunity for the button to be clicked multiple times. Earlier today I was also told about Chrome's ability to throttle the CPU, so I attempted to reproduce the bug with that to further test my idea, but no luck there. Right now it seems to me to be the case that even if it were a low resource device the user was on, it still would've needed to catch up before the next clicks/taps were handled - which I believe I saw in the latter case. So it makes sense that the former was successful because there was no real delay in processing, only the button being disabled was delayed.

    Has anyone run into an issue like this before? Is there anything I could be overlooking or unaware of? I've been researching this quite a bit to no avail so far. I've tried replicating the issue on the user's device (a Samsung Galaxy S8+ running Android Pie and Chrome 92) and various browsers on my own machine. This is the only customer this has ever happened to, and that submit event had to have been fired multiple times because of the way this code is called. I'm currently at a loss for how, though.

    edit: I should also add that this isn't a case where they could have navigated back and resubmitted or anything like that; all three requests came in at virtually the same time, and we also have preventive measures in place on both ends to where if a user resubmitted after one was successful, it wouldn't have gone through.

    submitted by /u/parks_canada
    [link] [comments]

    Choosing the correct backend language and important concepts only choosing languages like Go or Django

    Posted: 02 Sep 2021 10:03 AM PDT

    Hi, I have been recently trying to learn backend development (microservices) and I have been developing in Django for quite for few weeks and I have also started learning Golang.

    But every one of my seniors keeps telling me that django is a bad framework to start backend development as it abstracts most of the low-level code. Hence, most were suggesting me to start working with PHP as it has more learnings.

    Here are my questions-

    1. what are important concepts I would miss out on if continue learning development using Django and Go which are crucial to backend development and PHP? Listing out those topics might help me learn them on the side
    2. This question is unrelated, but are there any platforms/websites which have pure backend/microservices assignments and automatically handle the front development.
    submitted by /u/upsilonbeta
    [link] [comments]

    A German open-source company prioritizes mental health of the team and declares holiday to bingewatch MoneyHeist premiere on Netflix

    Posted: 01 Sep 2021 09:08 PM PDT

    Need Input On Short 'About Me' Paragraphs

    Posted: 02 Sep 2021 03:43 PM PDT

    Hello. I'm currently working on writing the content for my portfolio website's 'about me' page and would love to get some feedback on a couple of intro paragraphs I've written up.

    For context, I'm completely new to design. A year ago I was in the Army where I worked as a fuel handler, so I do not have any professional experience whatsoever. I'm currently a full-time student enrolled in a 2 year web design program. I'm half of the way done. The projects I did for all the classes I've taken so far + projects from a 6 week front-end dev cohort that I took this summer are literally all the experience I have so far.

    There have been a couple of UX Design (that's what I want to pursue) internships/apprenticeships I have wanted to apply to but I haven't done so due to not having a portfolio. So for the last couple of weeks, that's what I've been doing. Designing and developing my own personal portfolio website. So now I'm here, and need your input. I don't want it to be too long. Just short and sweet. Underneath the 3 paragraphs I'm going to add a couple of sections where I'm going to briefly mention my time in the military and hobbies so they can know a little bit more about me as well. Thanks!

    ​

    "Hi there, I'm Veronica. I was born and raised in Seattle, WA. I'm currently working towards getting my Associate's Degree in Web Design at Seattle Central. When I'm not focused on homework, you can find me designing and developing my own design projects (like this website)!

    Even as I kid, I've always had an interest in design, but it's only until now, that I've learned one needs to look beyond aesthetics and focus on efficiency, usability, and accessibility. That is what I believe makes a product truly successful.

    I'm looking forward to using my passion and acquired skills and hope to become part of a team that cares about creating positive user experiences through thoughtful design."

    ​

    submitted by /u/TheAvocadoSlayer
    [link] [comments]

    Medium clone

    Posted: 02 Sep 2021 03:26 PM PDT

    I just started using frequently Laravel and React in some projects, and seeing Medium I was interested in that.

    My question is, while I want to deploy a fast medium clone, should I use Wordpress with a bough premium theme, or should I code from scratch using my stack ?

    I want to launch a medium clone as a soon as possible, while having possibilities of adding options such as paying authors etc.. As far as I know Wordpress doesn't allow that, I may be wrong.

    submitted by /u/gloryspeedrun
    [link] [comments]

    Recommendations for super easy load testing tool which can be set up within a few hours?

    Posted: 02 Sep 2021 11:16 AM PDT

    Hi,

    I'm looking for the quickest (and cheapest) load testing tool where the bots are hosted in the cloud (not hosted by us), and where it's possible to set up a test case within a few hours.

    So far, I've found https://loadster.app which seems to do what we need. I like how it's easy to set up the tests just by recording user interactions using a browser extension. I'm just wondering if there are any other recommendations out there?

    We're trying to simulate 2k concurrent users and we need to be able to randomly generate field inputs.

    submitted by /u/jasmine_tea_
    [link] [comments]

    Is there any equivalent to json-server that can just run directly in my frontend?

    Posted: 02 Sep 2021 02:45 PM PDT

    I like using json-server for prototyping my frontend API calls without needing to code a backend with all the CRUD route logic. However it's a bit of a hassle needing a separate nodejs shell process to run it, and makes it hard to use it on things like codesandbox.

    The packages miragejs and msw provide API interception running directly on the frontend, but they don't seem to automatically generate CRUD routes from a single JSON object like json-server does. Is there any way to get json-server's automatic CRUD route logic running on the frontend like miragejs?

    submitted by /u/UglyChihuahua
    [link] [comments]

    How do you choose between MongoDB and PostgreSQL? When to use which?

    Posted: 02 Sep 2021 10:39 AM PDT

    Hi! I'm starting a new project and trying to decide between Mongo and Postgres. I don't know how to choose, I don't think I have a particular reason to prefer either one right now, it seems like both would work fine, but I don't know if I'll run into issues later on (I'm not super experienced).

    The project I'm working on is a marketplace, kind of like Gumroad or Udemy. It will need to have user profiles and authentication, ability to post products, upvotes and comments, tags and categories, search, selling with stripe.

    Which database would you prefer for such project? Could you share some advice on how to think about such things? What are the pros and cons of each? Which one would you go with?

    (If I choose PostgreSQL I'll probably go with Prisma for an ORM, if I go with Mongo I'll probably use Mongoose. I'm not sure if that should factor into the decision.)

    Edit:

    Oh, I should mention - I'm building my project with next.js serverless functions. Not sure if it matters.

    submitted by /u/MikeLumos
    [link] [comments]

    MAMP/Localhost running really slow, trying to load a simple php site

    Posted: 02 Sep 2021 01:57 PM PDT

    Hello webdev, I'm desperate, my localhost:8888 is running extremely slow, table rows with mysql_fetch take as long as 5 minutes to load 500 rows.

    I've been trying to look for answers everywhere, from taking a look at my hosts file to changing PHP versions.

    I'm using PHP 8.0.

    I'm trying to figure what is causing my localhost to resolve so slow. My project on my web server loads instantly.

    Any clue? Let me know if more information is needed.

    Thanks

    submitted by /u/mrhapps
    [link] [comments]

    Which Fullstack YouTube tutorial do you think is the best ever?

    Posted: 02 Sep 2021 01:39 PM PDT

    Any language/framework

    submitted by /u/aaviSTAR
    [link] [comments]

    I'm building a project with Next.js Serverless functions. Will Prisma+PostgreSQL work well for that? Is there anything I should be aware of?

    Posted: 02 Sep 2021 01:21 PM PDT

    Hi! I've recently discovered Next.js serverless functions, and they're amazing, I've decided to build my project using them.

    I've talked to people on forums, and it seems like Prisma + PostgreSQL will be a good fit for my project (in terms of storing and managing data).

    My only question is - does Prisma/PostgreSQL work well with serverless functions?

    Someone told me that it's not scalable, something to do with the number of database connections, since every time a serverless function executes, there will be a new one.

    I'm new at this stuff, so I don't really understand what that means or how big of an issue this is. Do you guys know if this works well? Are there any other potential issues I should be aware of? Can you recommend some good tutorials/examples about setting this up?

    submitted by /u/MikeLumos
    [link] [comments]

    So I want my text to have a gradient on it. Found the code online. Works on desktop but for some reason something weird happens on mobile. The HTML and CSS is attached. Please can someone correct this for me??

    Posted: 02 Sep 2021 12:51 PM PDT

    Github Codespaces vs. Gitpod, an in-depth look

    Posted: 02 Sep 2021 06:48 AM PDT

    Web Scraping with Javascript and Node.js

    Posted: 01 Sep 2021 10:25 PM PDT

    Cannot use my own TypeScript library in JavaScript

    Posted: 02 Sep 2021 12:27 PM PDT

    I've been banging my head against the wall with a seemingly simple task. I would appreciate any insights on this.

    I'm writing a private library in TypeScript to be used in both TypeScript and JavaScript projects in our company.

    The library works great but I cannot seem to be able to import it in JavaScript.

    Library in TS

    package.json

    { "name": "rr-comm-bus-js", "version": "0.3.0", "description": "", "main": "lib/src/index.js", "types": "lib/src/index.d.ts", "scripts": { "dev": "ts-node-dev --respawn src/dev/dev.ts", "build": "rm -rf lib && tsc" }, "keywords": [], "dependencies": { "redis": "^3.1.2" }, "devDependencies": { "@types/node": "^16.4.12", "@types/redis": "^2.8.31", "nodemon": "^2.0.12", "ts-node-dev": "^1.1.8", "typescript": "^4.3.5" } }

    tsconfig.json

    { "compilerOptions": { "module": "commonjs", "esModuleInterop": true, "target": "es6", "moduleResolution": "node", "sourceMap": true, "outDir": "lib", "declaration": true, "noImplicitAny": true, "declarationMap": true, "allowJs": true }, "lib": ["es2015"] }

    JavaScript (Node.js, where I want to consume this library)

    Simplified code...

    ``` const MyModule = require("my-module-name); const myModule = new MyModule(); <--- this line is where the error happens

    ```

    So the error that I'm getting is: const myModule = new MyModule(); ^ TypeError: MyModule is not a constructor

    Which would indicate that MyModule is not even a class, but it is. I DO get intellisense for the types in my TS library, but I cannot use the class.

    Here is the transpiled TS to JS code:

    ``` "use strict"; var importDefault = (this && this.importDefault) || function (mod) { return (mod && mod.esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "esModule", { value: true }); const declarations_1 = require("./declarations"); class Communicator { constructor() { // constructor logic };

     // more methods...

    } exports.default = MyModule;

    ```

    I've tried following multiple articles and guides, changed tsconfig.json, and added "type":"module" to package.json but for some reason, I simply cannot get this to work.

    Any pointer would be very appreciated.

    submitted by /u/amoker
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment