• Breaking News

    Tuesday, February 1, 2022

    Home Unlabelled Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread web developers

    February 01, 2022

    Monthly Getting Started / Web Dev Career Thread web developers

    Monthly Getting Started / Web Dev Career Thread

    Posted: 01 Feb 2022 04:00 AM PST

    Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

    Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

    Subs dedicated to these types of questions include r/cscareerquestions/ for general and opened ended career questions and r/learnprogramming/ for early learning questions.

    A general recommendation of topics to learn to become industry ready include:

    HTML/CSS/JS Bootcamp

    Version control

    Automation

    Front End Frameworks (React/Vue/Etc)

    APIs and CRUD

    Testing (Unit and Integration)

    Common Design Patterns (free ebook)

    You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

    Plan for 6-12 months of self study and project production for your portfolio before applying for work.

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

    How would you build this image-overlap layout and keep it responsive?

    Posted: 01 Feb 2022 03:14 AM PST

    Take part in the State of Frontend 2022 survey

    Posted: 01 Feb 2022 06:09 AM PST

    My colleagues and I are working on this community project: State of Frontend 2022 report. But to create one, we need the real voices of frontend developers, fans, experts. We're collecting your opinions on the present and future of frontend technologies and practices.

    In a few weeks, we'll publish the full report for free, for everybody in the frontend community to read, analyze and comment. So, the more surveys we get, the better results.

    No strings attached, it's all legit. Every frontend developer in our team owes a bit of their education to online resources, so with this project, we want to give back a little. The first edition of the survey was a bit popular here on Reddit, and thanks to you, it eventually led to the State of Frontend 2020 report.
    It would be awesome if you could help us with this project again. Thank you!

    https://tsh.io/state-of-frontend/

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

    Anyone have a side income from their main job leveraging being a developer?

    Posted: 01 Feb 2022 05:47 AM PST

    I was wondering what opportunities are there as a developer making additional income apart from a main job? Like anyone holding down 2 jobs, part time job, side paid projects etc..

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

    I have my first job interview (ever) tomorrow, I need help.

    Posted: 01 Feb 2022 05:19 AM PST

    I am a high school student studying computer science in Sweden. I have three years experience with web development, mostly front end, but also fullstack. Recently I started looking for a dev job. Not really expecting anyone to want a part-time high school student as an employee I didn't take it too seriously. But today I got offered a job interview at a company as a front end developer.

    The interview is tomorrow and I have no idea what I am doing and would really appreciate some tips, for the interview, and if I get the job, that too. I am really exited, but also nervous. The interview is on Microsoft teams. I have also never had a real job before.

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

    How to detect dick pics without relying 3rd party services?

    Posted: 31 Jan 2022 03:59 PM PST

    In a busy forum, the main headaches of webmasters is to deal with frequent dick picks being posted by users. I've being asked to help out to detect and ban such nasty posts without relaying on 3rd party services like Amazon or Google (they can not afford the unending costs). The backend is written in pure Golang so I can use any Go packages/adapters. I know it is a `hard` problem to solve but the good news is that a 90% reliable dick detector should be good enough and I have the 'luxury' of having a large stock of such deleted photos to train a detector. As a Web dev, I know almost nothing of AI and even don't know where to start to make a homemade solution. So Appreciate your hints about this.

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

    Knowing a little about every protocol will help me learn them?

    Posted: 01 Feb 2022 05:05 AM PST

    So I'm struggling to understand HTTP headers and how can I use them to do stuff. I said that to my friend and he said that I should study the basics of every protocol (ssh, smtp, gopher, etc) because I need to understand that each one has and require its own rules.

    I didn't understand. Can someone give me a light?

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

    First real project using React

    Posted: 31 Jan 2022 02:33 PM PST

    ​

    https://reddit.com/link/shedv0/video/5sivtscdn3f81/player

    I know it's no big deal, but I'm super proud of how these components turned out. It's my first attempt at using React in a real project, so it's very exciting for me!

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

    Fetching data based on the specific schema and displaying them on React

    Posted: 01 Feb 2022 02:35 AM PST

    I have a database on MongoDB with the following schema: _id, title, description, category, price, image. Lets's say I just want to show just the data that share the same category. I used the code below to try and display what I asking for but I keep getting no results.

    Note that I tried displaying all the stored data in the database and it worked but when I want to specify the data based on the category I get no results. Anybody can help me with my problem?

    //backend initial route app.use('/courses/category', categoryeRoute)

    ​

    // backend routes const express = require("express"); const mongoose = require("mongoose"); const router= express.Router() const categoryController = require("../controllers/categorycontroller.js"); router.route('/').get(categoryController.findCategory); module.exports=router

    ​

    //backend controller const Category = require("../models/course"); //find course by category exports.findCategory = async (req, res) => { try { const Categoryquery = req.query.category; const firstCategory = await Category.find({category:Categoryquery}); res.send(firstCategory); } catch { res.status(404).send({ error: "category is not found!" }); } };

    ​

    import { Link, useParams, useNavigate, generatePath } from "react-router-dom"; import React, { useEffect, useState } from "react"; import axios from "axios"; function Category1() { const [firstCategory, setCourses] = useState([]); const { category } = useParams() useEffect(() => { axios.get(generatePath(`http://localhost:8000/courses/${category}`)) .then((response) => { setCourses(response.data) }).catch((error) => { console.log(error); }); }, []); // empty array because we only run once return ( firstCategory.map(course => { return ( <div className="main" key={course._id}> <div className="product"> <img src={course.image} alt={course.title} /> <div className="product__info"> <p className="info__name">{course.title}</p> <p className="info__name">{course.category}</p> <p className="info__description">{course.description.substring(0, 100)}...</p> <p className="info__price">${course.price}</p> <Link to={`/courses/${course._id}`} className="info__button"> View </Link> </div> </div> </div> ) }) ) } export default Category1;
    submitted by /u/hassanz93
    [link] [comments]

    Package managers and task runners. Any major changes in the last 5 years?

    Posted: 01 Feb 2022 02:08 AM PST

    The last time I worked in commercial web development, we used npm, had a package.json file to refer to the dependencies, and used task runners like Gulp or Grunt to automate the minification/uglification of files.

    Is this still considered a decent way of doing thing or is there something more nifty that's come along on the market?

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

    Front end preference question

    Posted: 01 Feb 2022 03:22 AM PST

    Does anyone else program in vanilla JS on the front end? If so, how do you structure your scripts? I know that is quite open ended, but I'm curious of the responses.

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

    If requests can be handled on the server. Why ever handle it on the client?

    Posted: 01 Feb 2022 04:32 AM PST

    Well... I am currently working on a next js project and it is my first time using a full-stack framework like next js; and so far i love it!
    But; i am finding myself handling all of my data fetching in getSaticProps instead of using fetch() on the client. and with that a question comes to mind.
    Why would u ever use fetch() on a next js project when you can handle that task on the server and ship less code to the client?

    submitted by /u/666devilsadvocate
    [link] [comments]

    Am I allowed to use code from tutorials online for my business?

    Posted: 01 Feb 2022 04:10 AM PST

    Hey guys!

    I am wanting to start a freelance business where I make websites for small companies around me like independent cafes in the UK. I got the idea of using templates online from a previous post here and changing them so they suit my needs for my clients. Is it allowed for me to take source code from you tube tutorials I find online and change things like images and some text elements so they suit my needs? Should I get in touch with the original creator and see what they say?

    Thank you! :)

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

    I get overwhelmed by how much work we have to do as web developers.

    Posted: 31 Jan 2022 09:21 PM PST

    I have posted recently a blog post: Why do not all web developers implement accessible websites? How important is web accessibility? This got me really negative response. Some people were really mad.

    My take away was: if you are a small team or lone developer you should not be spending many hours debugging and implementing accessibility, when all you need is getting your product deployed.

    I do not mean, you should abandon accessibility all together. But I am saying for example you should maybe be not spending all day creating an accessible date picker. (BTW, if you implementing a for example an accessible date picker, there are many ways you can make this easier for yourself.)

    I have been doing web development for more then 4 years now (2 years professionally). And this is not my only opinion when I say that accessibility is hard. Yes, it easier with WCAG guideline which has everything covered. But it still requires quite some time.

    For instance here is an example component, this is around 200 lines code using many external packages.

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

    Fixing Performance Regressions Before they Happen

    Posted: 01 Feb 2022 02:09 AM PST

    Fluid type sizes and spacing

    Posted: 01 Feb 2022 05:47 AM PST

    Pay attention to WebAssembly

    Posted: 01 Feb 2022 05:43 AM PST

    /fileadmin/ in urls

    Posted: 01 Feb 2022 05:26 AM PST

    Does the mentioned above /fileadmin/ do something if it is included in a Link or Url?

    When yes, what?

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

    This login post method keeps loading in postman. is there anything that im missing ?

    Posted: 01 Feb 2022 01:19 AM PST

    How can I add account functionality to my website?

    Posted: 01 Feb 2022 04:59 AM PST

    I've only had experience on the frontend side of coding websites, but I'm planning on adding account functionality for a project I'm working on. Any suggestions as to how? (Preferably for free)

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

    Mix-blend-mode but with blue and white instead of black and white?

    Posted: 31 Jan 2022 10:42 PM PST

    Is there a way to achieve this? I'm willing to use some JavaScript but I'm wondering if there is a pure CSS solution. Here is an example of what I'm talking about https://codepen.io/Lomzo/pen/qBBROLm. Instead of the black, I want to use a different custom color like blue but still use white as the "opposite" color.

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

    Is there any reason to eschew popular CMS's like wordpress for niche and obscure CMS's like Adobe experience manager or salesforce commerce cloud?

    Posted: 01 Feb 2022 04:36 AM PST

    The other day i got condescending comments for using and liking wordpress by consultants who prefer Adobe experience manager.

    I was curious if there is anything inherently wrong with wordpress and also if there is anything better with these niche and obscure cms's?

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

    Intl formatter browser available languages / regions

    Posted: 01 Feb 2022 03:10 AM PST

    Hello everyone,

    I am trying to get a general overview if a language / region / country combination is available for formatting dates or numbers in a given browser via the internationalization API.

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl

    So for example 

    new Intl.RelativeTimeFormat('ja-JP', { numeric: 'auto' });

    I have a list of all/most used locales. I see that there is the possibility to call

    console.log(Intl.RelativeTimeFormat.supportedLocalesOf(["ja-JP", "de", "zu-ZA"]))

    to receive an array back with all valid entries for the current browser.

    But I would like to not input a list if possible. Also, I would then need to check different browsers and versions for a comprehensive overview. Secondly, I am not sure if a browser supports all Intl formatting options equally or maybe only some of them with a given language. Like "zu-ZA" being available for number formatting but not relativeTimeFormat.

    Basically, is there documentation or a way to check support from browsers and their older versions for all formatters, like caniuse.com.

    Thanks a lot

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

    how do i integrate WhatsApp Order on my site?

    Posted: 31 Jan 2022 11:24 PM PST

    there are product cards with a button, when the button is clicked i want the user directed to whatsapp with the product data. I have no idea how to approach this? somebody help please.

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

    I love frameworks , but I hate them too.

    Posted: 31 Jan 2022 07:28 PM PST

    Started learning Vue three months ago, bought a Vuemastery.com subscription and went to town.

    Having developed in React for over a year and a half , I picked up on some stuff quickly and not so much on others.

    The part that annoys me is that , just like React, you learn the old way of doing things (react's class components and Vue options api) first then you learn the standard/future of the framework after. This isn't some overnight thing, maybe I ride the short bus but why do I constantly feel like I'm being asked to rewrite parts or all of my app like it's some simple task. Bruh do you want to go through and read thousands of lines of code ? Just so you can drop you massive brain nuts on the table?

    Yes it's cool to have Hooks and the Composition API. I like them , I use them. I took the time to learn them.

    But now I start hearing about Pinia when Ive been using Vuex (which FYI I don't mind mutations and some of the strict boilerplates) . Oh and guess what? I guess Vuex5 is Pinia, so another expectation to learn. I did switch from Vue CLI to Vite and guess what that's the standard now as Vue CLI is going maintenance mode.

    I'm not anti-framework, I generally see the value. What I don't get is why do the core teams of the framework so flippantly decide to sunset or surprise you with feature changes?

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

    No comments:

    Post a Comment