Web Development

by /u/DeLasangeEater on June 26, 2019 at 10:40 am

I've been developing in Node.js for a few weeks now after I recently started learning web development. Today I found out about something called ASP.NET, and it seems as if professional websites like Stack Exchange are using it. Should I switch over to learning ASP.NET? If so, why/why not? All help is greatly appreciated. submitted by /u/DeLasangeEater [link] [comments […]

by /u/i160069 on June 26, 2019 at 10:30 am

So I'm a CS student who's about to begin my final year from August. I have a lot of experience in coding but never took any web development courses (I know very basic HTML, PHP, and javascript) in university because they were electives and opted towards ML/Data science instead. I've recently been very inclined to develop several ideas I've had and after looking at various online sources and taking advice from people, It's clear that I need a MERN solution. My application will essentially be a catalog (that gets updated monthly) that gets its data from a database. Another feature will be a marketplace where users can only post advertisements to buy and sell. The website itself won't support any transactions. I'm looking for a DB solution that would allow me to contain many user accounts IF there is rapid growth. I plan to launch an Android app first and might transition to a website later on. This is why I decided to learn React-Native first. Now that I know how to work with it, I intend to start working on the database very soon but this is where I can't seem to find very concrete answers. What I need answers to are: If I make my database in MongoDB, can it easily work with React-Native? What possible problems will I have when transitioning to a website? When transitioning, should I work with React-Native-Web? I've heard about it but don't really know if it fits my needs. Is the technology I'm looking at completely wrong for my needs? submitted by /u/i160069 [link] [comments […]

by /u/lachstar333 on June 26, 2019 at 10:15 am

submitted by /u/lachstar333 [link] [comments […]

by /u/selbekk on June 26, 2019 at 9:36 am

submitted by /u/selbekk [link] [comments […]

by /u/kaptan8181 on June 26, 2019 at 9:31 am

I have this button element, which is initially without any text: <button class="hint-clear-btn" onclick="hintClear()"></button>. If I manually set the text, everything works as expected, but if I use JS to do it conditionally, the text gets assigned but it doesn't appear on the page. Here is my JS https://dpaste.de/HPKW : window.onload = function hintLoad(){ const hints = localStorage.getItem('hints'); if (localStorage.getItem("hints") == null) { console.log("Line 13 ran") } else { document.getElementById("hints").textContent = hints; document.getElementsByClassName("hint-clear-btn").value = 'x'; document.getElementsByClassName("hint-clear-btn").textContent = 'x'; document.getElementsByClassName("hint-clear-btn").innerHTML = 'x'; document.getElementsByClassName("hint-clear-btn").innerText = 'x'; console.log(document.getElementsByClassName("hint-clear-btn")); } submitted by /u/kaptan8181 [link] [comments […]

by /u/mmaksimovic on June 26, 2019 at 9:27 am

submitted by /u/mmaksimovic [link] [comments […]

by /u/Heisenberg0606 on June 26, 2019 at 8:48 am

I want to become a web developer and like the title says I am going crazy trying to decide which school to go to. The university I have been accepted to offers a BS in computer science. But the community college offers an AS in web development. It would be faster for me to get the AS obviously, but I don’t want to waste my time. The AS in web dev lets you choose between taking #C or Java classes (1,2 and 3) and also has some other classes like a Unix/Linux class, a web graphics class and a web dev 1 class. Does this program sound like it would actually help me land an entry level job as a web dev? Or would I be better off just going for the BS in computer science? I am seriously going insane trying to figure out what to do. Please help! submitted by /u/Heisenberg0606 [link] [comments […]

by /u/plethorabay on June 26, 2019 at 7:53 am

I'm 1.5 years into learning front-end web development. I have considerable knowledge of JavaScript (ES6, 7, 8), jQuery, Bootstrap 4, React, a little Redux, CSS (inluding experience with CSS Grid and Flexbox), some unit testing, git/GitHub with many repos and extensive commit history in my account, and ARIA. (Also some Python and SQL but I forgot what I learned after a while.) I have a very sharp looking portfolio website (10+ projects up). I am continuing to improve on my knowledge daily, but it seems like it's been long enough that I can start applying for jobs to begin putting my skills to at least some use. I've been browsing jobs on Indeed, Dice, LinkedIn, and Glass Door in hopes of finding a front end developer job in Seattle and it has been really disheartening! Pretty much every one of them asks for at least a few years of professional experience, asks for experience in things I'm not familiar with like PHP, Agile (not even sure what that is) or more backend type technologies, and often has "senior" in the title. How are you supposed to get started as a junior front-end (not back end, not senior!) web developer? Honestly I don't mind if I'm not making that much -- the pay at my current job that's totally unrelated to web development is $19 an hour, so anything higher than that would be a win. Some advice I've heard is to just disregard the "requirements" in job postings, to lie about your experience, and to be careful to not say you're a junior-level position... I don't want to lie or misrepresent myself.Any advice? Is the job market really so hostile to newcomers? submitted by /u/plethorabay [link] [comments […]

by /u/BeingOutcast on June 26, 2019 at 7:49 am

So, I'm asking how I should approach this. There are 2 different sections with similar products/services but directed towards a different use. And in these 2 sections has both services that can be booked for an appointment or items that can be purchased. The way I have it now is. Home Section page-Section2 page Categories page-Categories2 page Then either subcategory or search results page. With the bookings and items mixed together. And each section has there own branding colors. My Dilemma is that most sites have a categories button in the nav for the whole site and doesn't change when on a specific page. But for mine it would have to change from one nav to the other nav cause they have different categories. This probably makes absolutely no sense but thanks if you help me. So how to design a site with 2 sections with different categories, inside the 2 sections the categories shortcut button on the nav would have to change to the corresponding section???? It has to be clear to the user that the sections are for a different use. submitted by /u/BeingOutcast [link] [comments […]

by /u/StreamPanel on June 26, 2019 at 7:45 am

Im trying to add a "Paypal checkout smart button" to a site I am working on, and seems pretty straightforward. Here are the steps https://developer.paypal.com/docs/checkout/integrate/# . Up until step 6, where it mentions "6. Verify the transaction Next, your server verifies the transaction, saves it to your database, and dispatches the purchased item to the buyer." Up until this step, it speaks as though a server is optional, but then this step speaks about a server as though it expects it to exist. There are 4 possible scenarios I can see: 1) The steps are just poorly written. It will work without a backend/server. 2) The steps are poorly written, and a server is indeed optional, BUT you cannot "verify" a transaction completed successfully without a server (not good). 3) You need a server/backend to have "Paypal checkout SMART buttons", but there are other methods for adding paypal payments to a shop, that dont require a backend. 4) You need a backend to have ANY form of paypal checkout. ​ Can somebody clear this up for me? Id hate to need a backend just for verifying when a client-side promise or other method should suffice. submitted by /u/StreamPanel [link] [comments […]

by /u/roconf on June 26, 2019 at 6:38 am

Hi, looking to improve my css skills. I want to code some websites but don’t want to design them. Do you know of any websites which show finished designs? I need some inspirations 🙂 Thanks submitted by /u/roconf [link] [comments […]

by /u/mrdanbrag on June 26, 2019 at 6:30 am

I like using gmail's platform for my everyday work stuff. Currently I have my email provider set up in a way that it forwards email from the custom domain to my gmail, and in my gmail account, I have the "send as" configured to send as the custom email. ​ That way I can send and receive emails to my gmail account yet use my domain. My email provider told me that's a bad way of doing it as it's damaging the domain in the email servers and sends everything to spam. Just because my email goes through to some, doesn't mean it won't go to spam for others. ​ This logically makes sense to me, but I hate the idea of switching away from gmail as I have it all customized to my liking. ​ Is this true that it's damaging the domain and making my emails go to spam? submitted by /u/mrdanbrag [link] [comments […]

by /u/NoahDoah on June 26, 2019 at 5:58 am

Of course the question is not only for webdev freelancers, but also if you are working in sales for a webdev agency for example. I am thinking of going into the webdev business and right now I am working at my marketing. One of the most important things is to understand peoples objections and overcome them. What are the most common objections people have when selling them on a new, high-quality website? Thank you! submitted by /u/NoahDoah [link] [comments […]

by /u/2aparsec on June 26, 2019 at 5:48 am

Hello, I have a field in my schema with the property of date, and value of a date string in the format such as "Mon Jun 24 2019" as taken from the following: const d = new Date(); d.setDate(d.getDate() - 7) const start = d.toDateString(); Then, my goal is to query all the posts in the database that the date field is within the last 7 days, so I do: const posts = await Post.paginate({ date: { "$gte": start } }, { page: req.query.page || 1, limit: 10, sort: "-upvotes" }) However, when I test this with dates such as "Tue Jun 18 2018 ", the post shows up. Could anybody please help me with this? Thanks! submitted by /u/2aparsec [link] [comments […]

by /u/Paulmunkotv on June 26, 2019 at 4:27 am

submitted by /u/Paulmunkotv [link] [comments […]

by /u/Tamashe on June 26, 2019 at 3:54 am

Going to be applying for jobs soon, and still trying to decide if I'll try applying for remote positions or not. Just curious to hear from everyone who has worked remote how it was? This discussion is mainly aimed at people who aren't freelancers, but have been hired by a company w/ salary to work remote. Did the company micromanage you a lot, or did they let you do your own thing? How often were you required to go into the office? And did you take a lower salary because it was a remote job? Just some questions to get the discussion started. submitted by /u/Tamashe [link] [comments […]

by /u/TheSearch4Everything on June 26, 2019 at 2:51 am

There are designers who need to design things for their portfolio, and there are developers who need to develop... A perfect sub would be one where: 1) A designer has HiFis for an app/site, they post them and Developers can take that design and develop the app for their own portfolio (giving credit to the design). If the Designer wants, they can choose one individual (maybe who's resume matches best) to actually collaborate with. They then can message each other about the app, and development processes iteratively. So by the end, a two man team literally developed an app together 2) Someone posts an idea for an app - people design the idea, then developers hop on those different designs submitted by /u/TheSearch4Everything [link] [comments […]

by /u/skyleguy on June 26, 2019 at 1:11 am

Im looking for a list of free open apis that I can use to mess around with on personal projects. My favorite parts of projects are the beginnings: setting up a DB, fetching/processing the new data, and displaying it in a fun way. I’m looking for any open apis that fetch weather/crime/census info etc. I’ve tried to use a few sites that claim to have available apis but the sites have all been outdated and the sample requests they provide have returned empty arrays. Any favorite free apis that you all are using? Thanks! submitted by /u/skyleguy [link] [comments […]

by /u/Ceiphr on June 26, 2019 at 12:16 am

submitted by /u/Ceiphr [link] [comments […]

by Ahmed Bouchefra on June 25, 2019 at 11:07 pm

When building a new Vue app, the best way to get up and running quickly is to use Vue CLI. This is a command-line utility that allows you to choose from a range of build tools, which it will then install and configure for you. It will also scaffold out your project, providing you with a pre-configured starting point that you can build on, rather than starting everything from scratch. The most recent version of Vue CLI is version 3. It provides a new experience for Vue developers and helps them start developing Vue apps without dealing with the complex configuration of tools like webpack. At the same time, it can be configured and extended with plugins for advanced use cases. Vue CLI v3 is a complete system for rapid Vue.js development and prototyping. It’s composed of different components, such as the CLI service, CLI plugins and recently a web UI that allows developers to perform tasks via an easy-to-use interface. Throughout this article, I’ll introduce the latest version of Vue CLI and its new features. I’ll demonstrate how to install the latest version of Vue CLI and how to create, serve and build an example project. Vue CLI v3 Installation and Requirements In this section, we’ll look at the requirements needed for Vue CLI v3 and how to install it. Requirements Let’s start with the requirements. Vue CLI v3 requires Node.js 8.9+, but v8.11.0+ is recommended. You can install the latest version of Node.js in various ways: By downloading the binaries for your system from the official website. By using the official package manager for your system. Using a version manager. This is probably the easiest way, as it allows you to manage multiple versions of Node on the same machine. If you’d like to find out more about this approach, please see our quick tip Installing Multiple Versions of Node.js Using nvm. Vue creator, Evan You, described version 3 of the CLI as a “completely different beast” from its predecessor. As such, it’s important to uninstall any previous version of the CLI (that is, 2.x.x) before preceding with this tutorial. If the vue-cli package is installed globally on your system, you can remove it by running the following command: npm uninstall vue-cli -g Installing Vue CLI v3 You can now install Vue CLI v3 by simply running the following command from your terminal: npm install -g @vue/cli Note: if you find yourself needing to add sudo before your command in macOS or Debian-based systems, or to use an administrator CMD prompt in Windows in order to install packages globally, then you should fix your permissions. The npm site has a guide on how to do this, or just use a version manager and you avoid the problem completely. After successfully installing the CLI, you’ll be able to access the vue executable in your terminal. For example, you can list all the available commands by executing the vue command: vue You can check the version you have installed by running: vue --version $ 3.2.1 Creating a Vue Project After installing Vue CLI, let’s now look at how we can use it to quickly scaffold complete Vue projects with a modern front-end toolset. Using Vue CLI, you can create or generate a new Vue app by running the following command in your terminal: vue create example-vue-project Tip: example-vue-project is the name of the project. You can obviously choose any valid name for your project. The CLI will prompt you for the preset you want to use for your project. One option is to select the default preset which installs two plugins: Babel for transpiling modern JavaScript, and ESLint for ensuring code quality. Or you can manually select the features needed for your project from a set of official plugins. These include: Babel TypeScript Progressive Web App support Vue Router Vuex (Vue’s official state management library) CSS Pre-processors (PostCSS, CSS modules, Sass, Less & Stylus) Linter/ Formatter using ESLint and Prettier Unit Testing using Mocha or Jest E2E Testing using Cypress or Nightwatch Whatever you choose, the CLI will download the appropriate libraries and configure the project to use them. And if you choose to manually select features, at the end of the prompts you’ll also have the option to save your selections as a preset so that you can reuse it in future projects. Now let’s look at the other scripts for serving the project (using a webpack development server and hot module reloading) and building the project for production. Navigate inside your project’s folder: cd example-vue-project Next, run the following command to serve your project locally: npm run serve The command will allow you to run a local development server from the http://localhost:8080 address. If you use your web browser to navigate to this address, you should see the following page: The development server supports features like hot code reloading, which means you don’t need to stop and start your server every time you make any changes to your project’s source code. It will even preserve the state of your app! And when you’ve finished developing your project, you can use the following command to build a production bundle: npm run build This will output everything to a dist folder within your project. You can read more about deployment here. What is the Vue CLI Service? The Vue CLI Service is a run-time dependency (@vue/cli-service) that abstracts webpack and provides default configurations. It can be upgraded, configured and extended with plugins. It provides multiple scripts for working with Vue projects, such as the serve, build and inspect scripts. We’ve seen the serve and build scripts in action already. The inspect script allows you to inspect the webpack config in a project with vue-cli-service. Try it out: vue inspect As you can see, that produces a lot of output. Later on we’ll see how to tweak the webpack config in a Vue CLI project. The Project Anatomy A Vue project generated with the CLI has a predefined structure that adheres to best practices. If you choose to install any extra plugins (such as the Vue router), the CLI will also create the files necessary to use and configure these libraries. Let’s take a look at the important files and folders in a Vue project when using the default preset. public. This folder contains public files like index.html and favicon.ico. Any static assets placed here will simply be copied and not go through webpack. src. This folder contains the source files for your project. Most work will be done here. src/assets. This folder contains the project’s assets such as logo.png. src/components. This folder contains the Vue components. src/App.vue. This is the main Vue component of the project. src/main.js. This is the main project file which bootstraps the Vue application. babel.config.js. This is a configuration file for Babel. package.json. This file contains a list of the project’s dependencies, as well as the configuration options for ESLint, PostCSS and supported browsers. node_modules. This folder contains the installed npm packages. This is a screenshot of the project’s anatomy: Vue CLI Plugins Vue CLI v3 is designed with a plugin architecture in mind. In this section, we’ll look at what plugins are and how to install them in your projects. We’ll also look at some popular plugins that can help add advanced features by automatically installing the required libraries and making various settings—all of which would otherwise have to be done manually. What a Vue Plugin Is CLI Plugins are just npm packages that provide additional features to your Vue project. The vue-cli-service binary automatically resolves and loads all plugins listed in the package.json file. The base configuration for a Vue CLI 3 project is webpack and Babel. All the other features can be added via plugins. There are official plugins provided by the Vue team and community plugins developed by the community. Official plugin names start with @vue/cli-plugin-, and community plugin names start with vue-cli-plugin-. Official Vue CLI 3 plugins include: Typescript PWA Vuex Vue Router ESLint Unit testing etc. How to Add a Vue Plugin Plugins are either automatically installed when creating the project or explicitly installed later by the developer. You can install many built-in plugins in a project when initializing your project, and install any other additional plugins in the project using the vue add my-plugin command at any point of your project. You can also install plugins with presets, and group your favorite plugins as reusable presets that you can use later as the base for other projects. Some Useful Vue Plugins There are many Vue CLI plugins that you might find useful for your next projects. For example, the Vuetify UI library is available as a plugin, as is Storybook. You can also use the Electron Builder plugin to quickly scaffold out a Vue project based on Electron. I’ve also written a couple of plugins which you can make use of: vue-cli-plugin-nuxt: a Vue CLI plugin for quickly creating a universal Vue application with Nuxt.js vue-cli-plugin-bootstrap: a Vue CLI plugin for adding Bootstrap 4 to your project If you’d like to find out more about plugins, check out this great article on Vue Mastery: 5 Vue CLI 3 plugins for your Vue project. The post A Beginner’s Guide to Vue CLI appeared first on SitePoint. […]

by Brenda Stokes Barron on June 25, 2019 at 10:33 pm

After Effects might seem intimidating but once you master a few tricks, it becomes an indispensable tool in your motion graphic and video editing projects. What’s even better, you don’t... The post 40 Fantastic Special Effects Tutorials for After Effects appeared first on Speckyboy Design Magazine. […]

by /u/gmemstr on June 25, 2019 at 9:31 pm

submitted by /u/gmemstr [link] [comments […]

by /u/codeyCode on June 25, 2019 at 9:22 pm

Freelance developers, do you use or have or have you used a placement agency for finding gigs? I mostly mean standard typical agencies as opposed to the freelance marketplaces like Upwork or TopTal. How often did/do you find work? Are they woth it? Would you reccommend them? submitted by /u/codeyCode [link] [comments […]

by /u/ratataprogrammers on June 25, 2019 at 9:02 pm

I have setup a community a few weeks ago for people to find studybuddies, request exercises - and get feedback, get long-term mentoring, ask questions and hangout. This is for almost all languages. If there's a language missing, just hit me up! If you are interested, you're welcome. If you're not, well.. Sorry for this post then, hope you don't find it annoying it's all free! The link: https://discord.gg/bhSwuDS submitted by /u/ratataprogrammers [link] [comments […]

on June 25, 2019 at 9:01 pm

https://photohab.com […]