• Breaking News

    Wednesday, September 30, 2020

    Home Unlabelled To Be a Successful Web Developer You Need to Learn How to Learn web developers

    To Be a Successful Web Developer You Need to Learn How to Learn web developers

    September 30, 2020

    To Be a Successful Web Developer You Need to Learn How to Learn web developers

    To Be a Successful Web Developer You Need to Learn How to Learn

    Posted: 30 Sep 2020 08:09 AM PDT

    content-visibility: the new CSS property that boosts your rendering performance

    Posted: 30 Sep 2020 03:02 AM PDT

    Is it acceptable to use bootstrap and your own css in your projects?

    Posted: 29 Sep 2020 09:09 PM PDT

    Im just now learning bootstrap after getting quite familiar and comfortable with regular CSS. But I heard so many good things about bootstrap and I do like the idea of having pre-built stuff and not having to worry about it being responsive or not. I'm also not sure that it's possible to really customize bootstrap classes without messing everything up, so that's one thing I'm concerned over since I like having full control of what my class names are and being able to physically see what styles are being applied to them. (I'm aware in bootstrap u can see it too but it happens to be in the HTML file which just looks awful to me)

    But I'm asking cause I feel like since bootstraps styling is done in the html file, while CSS is separate. Would that be a bad design practice since your styling codes are in two separate places? I just feel like bootstraps code in the html looks too cluttered and all over the place which makes it hard to navigate what's going on, while CSS looks cleaner to me.

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

    Loving these interactive icons on this company's careers page.

    Posted: 30 Sep 2020 11:58 AM PDT

    What's a good Udemy course for web development?

    Posted: 30 Sep 2020 09:07 AM PDT

    I have tried courses by Brad Traversy,Andrew Nagae,Colt Steel (not updated),Joe Santos from CodingPhase and some others,but they mostly feel like code alongs and I hardly learn anything. I'm currently taking Brad Traversy's Html and CSS course on Udemy,but it's a total code along, and sometimes Brad doesn't explain why things work the way they do,and if he does explain it,he only explains it briefly and jumps to the next topic, which leaves you scratching your head. I find pretty much all the courses that I have taken above do the same thing. Can someone recommend me a good Udemy course or teacher on Udemy that teaches web dev in clear manner for beginners? I read somewhere that Maximilian Schwarzmüller was pretty good at teaching it,but just wanted to ask here.

    Advice?

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

    Really basic CMS

    Posted: 30 Sep 2020 08:27 AM PDT

    Let's say I have a basic static website (html with some css and js files). No webpack or no backend.

    What's the easiest way to let the client change text in the HTML ? with authentication.

    Backend has to be php (without composer).

    I used CouchCMS before and wasnt really user friendly.

    I used also GoogleSheetsAPI (better for the client cause dead simple but I had to implement it myself in a php file).

    What other open-source option do you use for that?

    Thanks !

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

    Weekly data-based newsletter that tracks trends in demand and pay for developer skills

    Posted: 30 Sep 2020 04:28 PM PDT

    Hey everyone!

    I am a full-time developer that enjoys uncovering trends, graphs, and writing. I thought I would combine all those interests into a newsletter.

    DevTrends is a weekly newsletter that will be sent out every Friday morning. It will uncover trends in the development industry and will be data-driven and full of graphs. Whether your a developer that enjoys a quick read on trends, a dev looking to transition to another stack, or a newbie - this newsletter is for you.

    I put out 3 newsletters now, so feel free to check them out here!
    https://devtrends.substack.com/

    Appreciate any feedback!

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

    Analyze CSS - Project Wallace

    Posted: 30 Sep 2020 11:00 AM PDT

    Sliding and instantly pressing/touching buttons won't work on chrome mobile

    Posted: 30 Sep 2020 01:43 PM PDT

    It works fine on safari or firefox, but on chrome I have to click twice or wait for the slide to fully finish, so I am assuming this has something to do with chrome touch/mobile settings.

    https://imgur.com/GCMGWaQ

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

    I have a 2-hour remote technical interview for full-stack internship, what do you reckon I should prepare for?

    Posted: 30 Sep 2020 03:38 PM PDT

    The interview is a for an internship that is supposedly around 24 hours a week doing work in frontend development (React) and backend (Node and PHP).

    The information I've been given:

    -2 Hours long through Google Meets screen share

    -I should have both a front-end application and back-end application ready to present.

    My questions:

    (1) Should these be boilerplate applications or selected from my personal projects, or even open source?

    (2) Tips on how to present myself? I've never done anything remote through screen sharing and what not.

    (3) Is there a possibility of this being some sort of scam? It would be really elaborate if it was considering the people all have email accounts with the companies domain in it and the company by various reports it around 15 years old.

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

    How to delay a render using React?

    Posted: 30 Sep 2020 01:05 PM PDT

    Hi there, I'm currently making an Exercise Timer that will iterate through a list of exercise Objects (workoutName, duration) using UseState and UseEffect hooks where UseEffect will kick in each time to show the timer counting down.

    This is working fine and dandy but now I want to add a delay where before going through the list of exercise Objects, we get a "3,2,1, Begin!" type countdown but I'm not sure how to do that.

    Any suggestions would be greatly appreciated!

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

    How can I automatically put the content of my build to the server?

    Posted: 30 Sep 2020 08:15 AM PDT

    Hi!

    I am working on a project and for the prod, I have to do some small bug fixes. However, the server sucks and I can't build there. I must build, zip, send on the server then unzip. It's getting tiring and I am looking for a way to do this automatically.

    I have a folder (public_html) where I extract the content of my build. However, there is also a folder named "laravel" (I will let you guess what is in there).

    Each time I do some command on my computer, I would like the build to start. Once it's done, zip it, send on the server and once it's on the server, delete the content of public_html EXCEPT the laravel folder and extract the content of the build.

    The command would run on a Windows computer but the server is Linux.

    Can somebody help me/guide me?

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

    This tool compares site speed for the first page of results on any Google search

    Posted: 30 Sep 2020 08:14 AM PDT

    Boolean logic - Invert if condition

    Posted: 30 Sep 2020 11:37 AM PDT

    I'm looking to invert the following if condition to fail fast.

    So I'm try to turn this:

    string str = ""; if (!A && (B || C)) { str = "newString"; } return str;

    ... into something like this:

    string str = ""; if (<inverted conditional>) return str; str = "newString"; return str;
    submitted by /u/jumpy-town
    [link] [comments]

    particle-cloud: A Typescript-port of the archived particles.js library, with support for React SSR, Bug Fixes and Performance Improvements.

    Posted: 30 Sep 2020 04:56 AM PDT

    How is this possible? I got a Cortana daily briefing email from Microsoft with calendar suggestions. After clicking the button, the email/UI updated!

    Posted: 30 Sep 2020 06:39 AM PDT

    How do you test your website speed?

    Posted: 30 Sep 2020 08:26 AM PDT

    Hey guys,

    how do you test your website speed? Do you use specific websites or do you don't care at all? I think it will be a bigger and bigger ranking factor for SEO in the future but websites seem to get bigger and bigger.

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

    Using open weather API to display simple weather stats for city?

    Posted: 30 Sep 2020 01:22 PM PDT

    I'm trying to make a very simple page that uses open weather api to display weather from a city that a user enters in a text field within a form.

    I just wanted to know a simple way to do this with Pure JS. I've looked on youtube and all I could see was ALOT of code, or people using frameworks that I'm not at all familiar with.

    Is is possible to have around +- 15 lines of javascript code just to display the temperature, condition etc (Not humidity, wind speeds and all of that)

    If anyone could assist me I'd appreciate it alot

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

    [HELP] Newly created pages Return 404 on load, any idea why?

    Posted: 30 Sep 2020 01:19 PM PDT

    My .htaccess file rules (I was told it's likely relevant)

    RewriteEngine On

    ​

    #RewriteCond %{HTTPS} off

    #RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

    ​

    #RewriteCond %{HTTP_HOST} !^www\.

    #RewriteRule .* http://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

    ​

    Options +FollowSymLinks

    Options -Indexes

    ​

    RewriteCond %{SCRIPT_FILENAME} !-d

    RewriteCond %{SCRIPT_FILENAME} !-f

    RewriteRule . index.php [L,QSA]

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

    Why does CORS exist in websites but not mobile or desktop apps?

    Posted: 29 Sep 2020 11:32 PM PDT

    So when building a web app there's a lot of cors issues and things I need to consider to allow my backend and auth server to communicate with my client. However I don't really get why mobile applications don't care about CORS and neither do desktop apps like Postman. Yes I understand they are not from the browser which is where CORS or the SOP exists.

    My question is why does it only exists in the browser since can't random mobile apps or random postman users make requests to an api by avoiding any cors restrictions? I understand that an api should require authentication or authorization such as an api key or JWT token but if these measures are enough to secure an api from postman or mobile clients why does CORS exists in websites? I think maybe my understanding of why CORS exist is not great? Any ideas?

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

    Is there a master list of free coding questions/challenges that exist online?

    Posted: 30 Sep 2020 12:55 PM PDT

    I've done the first 100 questions in project euler and the free leetcode and hackerrank stuff for JS. Would like to keep the momentum going but don't want to pay unless I have to

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

    WHich of these 3 domain registry + web hosting providers is the best?

    Posted: 30 Sep 2020 04:11 PM PDT

    A) google domains + wp engine

    B) dream host

    C) siteground

    D) kinsta

    E) other

    Please pick one an describe why

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

    What are some ways to try uploading multipart/form-data files to this opaque API?

    Posted: 30 Sep 2020 12:22 PM PDT

    Hey all, I'm uploading resume files to Breezy.hr

    Their docs leave a lot to the imagination, and their error messages are either "There was an unknown error processing your request. Please check the syntax of your request" or they timeout silently.

    I've checked with their support team, and you get non-technical support staff who relay messages blindly, 24 hours later, from their super-secret dev team. It takes 3 days to try 3 things.

    So I need to figure out how to upload resume files, and I'm left to my own devices.

    My approach has been:

    1. On the client side, encode FormData and pass that to a Node serverless function (Netlify)
    2. In node, parse that FormData and extract the File object (i.e. an object holding filename, contentType, encoding, and content.
    3. Sending the latter, file.content to Breezy.hr

    In Node, I can see that file.content is a <Buffer>

    I've tried sending it as a naked Buffer, and I've also tried converting it to a readable stream and sending that. I've even tried sending the whole file object, including its content, filename, contentType, etc as one big thing.

    I've also tried converting file.content (the buffer) to a readable stream and appending that to a FormData object, and sending that FormData object. This seems to work when sending a local PDF file, but not when sending this buffer/stream. Adding a filename param seems to help the API to not fail silently, but it still fails with uploadResumeError.

    What are some common or possible approaches you would try to solve for this?

    Thanks!

    API Docs: https://developer.breezy.hr/docs/company-position-candidate-resume-add

    submitted by /u/Proud-Masterpiece
    [link] [comments]

    Help on new project setup and configuration?

    Posted: 30 Sep 2020 12:14 PM PDT

    I've been spoiled by using CRA way too often that I realized I don't really know how to setup a project and get it running from scratch. I primarily work with React and TypeScript and I'm trying to use the Rollup bundler. I can set the config files correctly, build and compile, but I'm stuck at being able to actually run my React app. My npm script fails to run the app with the bundled js. I'm creating a SPA: https://github.com/Bouhm/smorg/tree/feature/rollup/client

    ​

    To get to the point where I'm at, I've primarily read documentation for using Rollup with TypeScript, some questions asked about the errors I'm getting, and several other React/TypeScript/Rollup projects that don't quite have the setup I have (using other tools such as BrowserSync, SystemJS, etc). There's some confusion with using rollup/plugins-typescript vs rollup-plugin-typescript2 that yield different errors. While these help me setup the configuration of the project, the scripts provided do not run my React app. I've been trying to read up about what's happening under the hood, but I only have gathered a very high-level view.

    ​

    With my npm run dev script, I'm assuming there's something I'm missing like running the bundled js file with node while serving the index.html file.

    My package.json (https://github.com/Bouhm/smorg/blob/feature/rollup/client/package.json)

    Rollup config (https://github.com/Bouhm/smorg/blob/feature/rollup/client/rollup.config.js)

    I know that in this example it's serving the public/index.html file while the bundle.js is in a separate dist folder, but even if I copy and move bundled files to the public folder, I get a 'process not defined' error. I prefer to have the public & dist separation. At the end of the day, I would like to have more than a surface-level understanding of what's going on so that I'm equipped with the knowledge to fix this and to bootstrap any project with any mix of frameworks and tools. Pointers and resources would be very appreciated!

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

    sending pdf file by agex to php file and then no response

    Posted: 30 Sep 2020 03:36 PM PDT

    hey, the title i guess can summarize everything. so here is the code, or if someone know of a way to debug PHP file that would help a lot

    js function:

    html2canvas($('#table'), {
    scale: 2,
    onrendered: function(canvas) {
    var imgString = canvas.toDataURL("image/png");
    var doc = new jsPDF();
    doc.addImage(imgString, 'JPEG', 15, 40, 180, 150);

    // doc.save("test.pdf");
    // var pdf = doc.output();
    console.log("here")
    var pdf = btoa(doc.output());
    // console.log(pdf)
    $.ajax({
    method: "GET",
    url: "../test.php",
    data: {
    data: pdf
    },
    }).done(function(data) {
    console.log("done")
    console.log(data);
    });
    }
    });

    php file:

    if(!empty($_GET['data'])){
    $data = base64_decode($_GET['data']);
    try{
    // $data = $_GET['data'];
    print_r($data);
    echo $data;
    file_put_contents( '/assets', $data );
    }catch(Exception $e){
    echo $e;
    }
    } else {
    echo "No Data Sent";
    }
    exit();

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

    No comments:

    Post a Comment