• Breaking News

    Friday, November 6, 2020

    Home Unlabelled Three of the most frequently used lines of CSS code which I type in a couple of seconds I guess web developers

    Three of the most frequently used lines of CSS code which I type in a couple of seconds I guess web developers

    November 06, 2020

    Three of the most frequently used lines of CSS code which I type in a couple of seconds I guess web developers

    Three of the most frequently used lines of CSS code which I type in a couple of seconds I guess

    Posted: 06 Nov 2020 04:43 AM PST

    "Why is my JavaScript slow?" It's not the framework, it's probably your code.

    Posted: 06 Nov 2020 04:01 AM PST

    "Why is my JavaScript slow?" It's not the framework, it's probably your code.

    A company reached out asking for help with identifying slow JavaScript code. They thought that the reactivity engine in the framework they used (Vue) was the culprit.

    Finding slow code in an app filled with frameworks and libraries like Firebase looks like a difficult task. In fact it used to be incredibly difficult. Luckily, we have access to phenomenal dev tools that can help us track down slow performing code.

    It took just a few minutes to find the exact place in code that slowed the app down. I documented the process in this easy-to-follow video. Feel free to use it if your app could benefit from optimizing JavaScript code.

    The bottom line is that it's easy to blame frameworks and libraries for being slow. After all, there's often a lot of blackbox magic going on under the hood that makes it intimidating to even try finding where things are going bad. More often than not, it's not the libraries, but our code that needs tweaks, optimizations, or a complete overhaul.

    Just fire up the dev tools in your Chrome (other browsers have great alternatives, too) and start profiling. The bottom-up chart will show exactly where you can improve.

    https://preview.redd.it/rdbxw1hl0mx51.png?width=2048&format=png&auto=webp&s=f0471a194b7722987ea92f3bb6c9a0ff8ec3f6d7

    What about you? Have you ever gone crazy trying to identify poor performing code?

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

    It took me 6 hours to figure out why my DXT decompressor was putting out glitchy looking crappy images, just to find out I was missing a single letter in a string. Today is not my day.

    Posted: 05 Nov 2020 11:29 PM PST

    So many tools and so many frameworks! I feel overwhelmed!

    Posted: 06 Nov 2020 12:39 PM PST

    I have quite a good understanding of HTML & CSS, however, I have never learnt JS properly!

    I am a CS graduate, I worked with C++, it was a single language without too much tools / frameworks around.

    I also worked with C#.NET, developing Windows Forms applications, and yes I know .NET is the framework, but it was still understandable and composed.

    Now, I want to become a Full-Stack web developer, the number of tools, frameworks and libraries are just overwhelming! I have no idea on where to begin, what to learn!

    There's JS, ES5, ES6, ReactJS, VueJS, AngularJS, NodeJS, ExpressJS, NPM, Webpack, Sass, Less, OMG the list goes on and on!

    I feel depressed because I can't achieve anything and I really want to learn this!

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

    CSS Grid for Beginners [INFOGRAPHIC]

    Posted: 05 Nov 2020 05:32 PM PST

    Super Tiny Icons - Under 1KB each! Super Tiny Web Icons are minuscule SVG versions of your favorite logos. The average size is under 465 bytes!

    Posted: 06 Nov 2020 05:45 AM PST

    [Showoff Saturday] I re-designed my side project! What do you guys think?

    Posted: 06 Nov 2020 01:18 PM PST

    I just bombed a technical interview

    Posted: 06 Nov 2020 02:41 PM PST

    Ok, here's the schpeel.

    I am currently in a dev manager role and I interviewed for a technical lead/architect role. I was very clear with the recruiters and the interviewers that I was looking to return BACK to more technical and that I may be a bit rusty on some tech concepts due having not been focused on it for 2 years.

    Also, I have a track record that can be verified via multiple resources of delivering successfully on numerous projects. I even offered to give names to ex-clients of mine who can validate me by name on the successful delivery of the projects. I am a successful technical delivery lead.

    So in the interview, I fucking bombed it. The interviewer got super into stuff that I said very clear that I've NEVER implemented. I've never been in a situation where I had to implement or worry about something like that and so I have no fucking clue.

    In the real world, when you are delivering a project for a client, you don't add scope just cause you're interested in how federated SSO works or how to integrate with some payment system. You try to deliver on time and on budget. I simplyi haven't encountered a lot of the technical scenarios/problems that the interview brought up. I also have a life outside of work and I'm already doing learnings on my own but I'm never gonna know everything.

    I was very clear to the interview, "No, I don't know much about this topic as I just haven't encountered it."

    For the questions that I did know about, I think I answered successfully but these were far and few in between. He seemed to try to specifically dig into the stuff I didn't know.

    For example, he asked to explain how a typical SAML SSO implementation would work. I think I answered successfully. But then he threw in federated SSO and how to use API gateways to have multiple service providers and yah, I don't know. I tried to make some educated guesses. But for the project that I worked on, I only had to do typical SAML SSO, not federated. I didn't have to worry about that.

    What's the goal of these tech interviews? To show how smart the intervewier is?

    I have a track record of successful delivery to numerous high profile clients and I have the references to provide to prove it.

    Why am I being drilled on stuff that I just have never done before? The job description never stated candidate had to know X, Y and Z. It was generic as hell.

    Yah I don't know how Federated SAML SSO works. I also don't know database optimistic concurrency ocntrol works because I just never had to and never encountered it.

    When I'm not working, I'm learning my own tech interests and right now, I'm learning AWS and some Angular. Guess what? I was asked NOTHING about those topics. Cause the interviewer probably didn't know anything about those.

    What exactly is the worth in drilling a candidate on stuff he just doesn't know? Why not read his CV and ask him questions on things he's actually done before?

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

    How to group separate objects together and apply things to the group (animations, code, functions, etc.)

    Posted: 06 Nov 2020 01:40 PM PST

    Okay so I will preface this with saying I have an ok understanding of general programming principles and can build great websites with HTML and CSS, but I am not very experienced with more interactive elements of a website like Javascript. I am trying to learn and hoping that I can learn with this project.

    The project: Basically a map of my university city with all the different student accomodations, that will contain points on it allowing students to submit videos of them playing music, and the points will be spread across the map for people to click on and view the videos.

    The problem: I'd like to have several separate objects on the page for the drawings I have made of each student accomodation. I'd like to be able to make each of these objects do things themselves, but then have them all grouped together so I can apply things to them all at once (so they behave like a map). So that you can drag the page and all the objects move (like google maps for example).

    Could someone point me in the right direction of what to apply to achieve this. Sorry if I haven't explained it too well or seem like I have no idea what I'm doing.

    Thanks for the help

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

    How can I create a set of sliders that goes from 1 - 10 and the results of each slider calculate an average?

    Posted: 06 Nov 2020 01:20 PM PST

    I want to recreate this using HTML, CSS, and JavaScript.

    If you scroll down to the 'Review' section, you will see 'Rate this Product'.

    I want to recreate multiple sliders that go from 1 - 10. Then it calculates the average of all the values.

    I'm a beginner in Javascript. I can create sliders. I can calculate averages. But I can't combine these things like the example. I am trying to recreate things that I find interesting to practice javascript.

    If someone can create that for me and tell me how you did it, that will be great.

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

    Who does your graphics for websites you build?

    Posted: 06 Nov 2020 08:44 AM PST

    Hi,

    Looking for someone to help me with some graphics on a site I'm put together 🤞🏻

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

    Building A Lightweight Blogging CMS In 10 Lines of Code

    Posted: 06 Nov 2020 12:12 PM PST

    Hey everyone! I recently wrote a piece on how you can set up a lightweight blogging CMS in 10 lines of Python/Flask code – which will let you write articles in Markdown and push them to your site with a single git push.

    It took me a while to figure out how to make everything work so I hope this will help you save time and energy when setting up your blog 😉

    Please let me know if you guys have any feedback about this!

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

    Uploaded my proof of concept for my "graduation project" in school, it's a site like IMDb where the scores are decided by a game where you compare movies to eachother. Would love some early feedback!

    Posted: 06 Nov 2020 12:00 PM PST

    Help hosting database website on Vultr

    Posted: 06 Nov 2020 03:35 PM PST

    Hey! I've recently created a website using flask & sql, and I was wondering if there was any way to host both an sql server and website on Vultr. The website is completely done and I just need to migrate it to Vultr. Thank you for your help!

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

    Enabling mod_expires

    Posted: 06 Nov 2020 03:22 PM PST

    Hi everyone, I've been trying to get browser caching to work on my website using various plugins and additions to the htaccess file. I think that the expires module may be missing or disabled. I have also added code to htaccess file to enable the module but it hasn't worked. I saw a post in a forum in which a guy was able to solve it by running a certain code. I am not sure where to run this code though, I am using cpanel and apache. I also read that you can install the expires module through WHM, but I am not sure how to install whm or use it. I am hosting thru namecheap. Anything helps thanks guys.

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

    The 10 Best Test Automation Tools

    Posted: 06 Nov 2020 06:18 AM PST

    What should and should not be inside of a try/catch block in Javascript? (Node, Express, Axios)

    Posted: 06 Nov 2020 09:00 AM PST

    Hi everyone!

    I'm writing a small express app to help me automate some tasks by tying together some API calls between different providers such as Google.

    In working on this, I'm wondering if there are any best practice recommendations for what code should and should not be run within the try block of a try/catch.

    Option #1

    In the code below, when I make a call to the /profile endpoint of my express server, my handler makes a network request to Google fetching profile information of the current authenticated user. What you'll notice is that both the network request and the express response (res.send()) are contained within the same try statement of my try/catch block, even though they are technically two different actions.

    I'm wondering if this should be broken down so that just the network request is in the try/catch block, as the network request is the only reason I have the try/catch block in the first place. 

    router.get("/profile", async (req, res) => { try { const response = await axios({ method: "get", url: "https://people.googleapis.com/v1/people/me?personFields=names", headers: { Authorization: `${googleAuthTokens.token_type} ${googleAuthTokens.access_token}`, }, }); res.send(`Hello, ${response.data.names[0].displayName}!`); } catch (err) { console.error(err); } });

    Option #2

    In this code below, I went ahead and separated the network request and the res.send() method so that only the network request is in the try/catch block. The problem is that now I have to declare the response variable outside of the try/catch scope in order for my res.send() method to have access to it. 

    router.get("/profile", async (req, res) => { let response; try { response = await axios({ method: "get", url: "https://people.googleapis.com/v1/people/me?personFields=names", headers: { Authorization: `${googleAuthTokens.token_type} ${googleAuthTokens.access_token}`, }, }); } catch (err) { console.error(err); } res.send(`Hello, ${response.data.names[0].displayName}!`); });

    I guess I have two questions:

    1. Is option #2 better than option #1 from a "cleaner code" perspective? Since the res.send() method is dependent on a successful response from the network request to provide it response data, should it be outside of the try/catch block like option #2?
    2. Is option #1 better than option #2 because response can be a const and not a let? I know the difference in memory is trivial, but just want to make sure I'm following best practices. Maybe it doesn't matter at all.

    Disclaimer: Sorry if this isn't the most well-written code, I'm self taught... any tips/suggestions are more than welcome! :)

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

    Free Idol/porno web app/api

    Posted: 06 Nov 2020 02:52 PM PST

    I'm no web developer but, I built this as a side project and now it grew like crazy big, with the recent updates you can get 4X A.I images of your favorite idol and from Instagram (W.I.P)

    as of now, i'm in dire need of a new maintainer/contributor for the web app, so I can focus on the backend , please if you find some time checkout the project and help me with it!

    Github

    ​

    Shitty new Web-APP

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

    Cheap cross-browser testing solution with no contract primarily

    Posted: 06 Nov 2020 08:52 AM PST

    Basically, I'm just looking to test my web apps in Safari: see how it renders, interact with it, check the Developer Tools.

    I'm aware of numerous web apps that permit this, but range anywhere from $15/mo to well over $1K/yr. The $15/mo is the cheapest I've found, but honestly, <= $10/mo I'd be willing to pay. On top of it, the often require an annual commitment--didn't check if the $15/mo did. Seems like a waste to commit to a year of the service if I'm just going to spend a handful of hours a year using.

    Anyone have suggestions that might fit the bill ~$10/mo and no contract, that allow interacting and views the Developer Tools? ( There is a free service that does screenshots, but I don't really find that helpful).

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

    Now that CSS grid works in modern browsers, is flex display worth the fuss?

    Posted: 06 Nov 2020 08:45 AM PST

    I never picked up flex. Once I mastered css grid and saw how easy it was to translate designs, i didnt see the need to. Am i missing out?

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

    An introduction to Webpack, and where it fits in with Node and NPM, Exploring React

    Posted: 06 Nov 2020 02:24 PM PST

    I found this Engineer’s Guide to Career Growth insanely useful and summarized it to share

    Posted: 06 Nov 2020 01:45 PM PST

    In 2009, as a new grad, Raylene Yung started as an engineer at Facebook.

    She helped scale Facebook from 700 to +10k employees. Then she did the same at Stripe from 200 to 1500.

    Here are her engineering career growth tips (for new engineers to org leaders).

    Top 3 lessons thru every stage:

    #1 Strive to be the most valuable, but least critical.
    Early on Yung got paged constantly. She was the sole person to fix a job. She learned being the lynchpin is a drawback. So her goal became — be extremely important, but not a failure point.

    Think about how long you could be away from your team and how far off course they would get. Do everything you can to close that gap.

    #2 Want to succeed as a manager? Establish emotional equilibrium.
    As an individual contributor, you don't see the full picture of the ups and downs managers deal with. Yung sketched this chart as a visual metaphor.

    #3 Focus on growth and learning at every step — not quickly climbing the ladder.
    Management and individual careers (IC) aren't strictly parallel paths. To have flexibility, learn to break down large problems & DELIVER on technical projects. This will enable you to choose any career path later, IC or manager.

    --

    For New Devs, Yung outlined these three moves as ones that knock early engineers off-course:
    - skipping engineering fundamentals to pivot into other roles prematurely.
    - moving on from a team or company too quickly.
    - chasing the latest trend.

    Instead, as a new dev, she said to lean on these two tactical, guiding questions:
    - how can I make every code change a great one?
    - how can I be as good at [X] as [this person] on my team?

    For Technical Leads, Yung said they should focus on three growth-focused questions:
    - do I deeply understand the systems I work on, and how they can break or be improved?
    - how do I know we are working on the right things?
    - how can I build better people leadership skills?

    She mentioned that people can get trapped as a domain expert here. To keep that from happening consistently ask yourself:
    - how do I keep learning & stay challenged?
    - how do I continue to show value when I'm starting over in a new area?
    - how can I transfer knowledge to the people around me and lay out a strategy for future generations?

    For Engineer Managers, Yung's advice is to consistently ask yourself:
    - how healthy is my team? How high-quality and high-impact is our work?
    - how well can my team operate without me?
    - don't default to adding more engineers.

    Instead of increasing headcount, ask:
    - why does my team exist? And why does what we work on matter?
    - how can I help my teammates grow across all experience levels and scenarios?

    And for Organization Leads, Yung's advice is to continual question youself with:
    - what unites your teams and why are you supporting them together?
    - are your teams as healthy as they can be? Are they even the right teams?
    - am I spending time with my teams in the right way?

    --

    I'd love to hear your take on these tips, especially from people who've been through a few of these career stages.

    This did take me a while to unpack. So if you enjoyed please share the thread.

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

    Things I Wished More Developers Knew About Databases

    Posted: 06 Nov 2020 01:01 PM PST

    Deceptive Site Warnings - Help

    Posted: 06 Nov 2020 12:34 PM PST

    I have couple of shopify online stores, one of them is giving me " Deceptive Site Warnings" note on some of the browsers (rather others).

    I honestly I have no idea how to get about fixing it. Any app I can use? Any suggestions?

    submitted by /u/421Store
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment