Posted on

How to use FlowRouter in your next Meteor Project

Click here to subscribe for more videos like this!

So the first thing we need to do is set up the router to be able to actually route to a certain files and routes. So to do this, we’re going to create a first route, which we’re going to type FlowRouter.route. This is the path that we are creating a route for in a new pass as a second parameter an object. And that with semi-colon. And you can name the route, since it’s going to be named Home. Then put a comma and the action function. Take params as its argument and we open that up. And I’m going to reference here a function that we haven’t yet actually created but we’re about to. So, the function name is going to be renderView. And then in here, I’m going to create the objects. So this is going to be Home and this is the React component that we are going to create. So, basically we have a function here that we need to create called renderView and we pass that as a component. So, here we are going to create function_renderView and we are going to reference that object here as component. And then we open it up. Basically, all you have to do is type React, sorry ReactLayout.render MainLayout and we are going to pass it a few parameters, so. Header is going to be header component that we need to create. Content is going to be the component were passing into it. And then footer is going to be a footer component that we need to create. And then hit Save. And this is all we need to do. This betacode is going to render a header, a component and a footer. So let’s get started with the the main layout. So we’re telling it here to render this React component. And pass these as parameters so we can actually reference these components inside the main layout component by typing this .props. header, content, and footer. And we’ll see these in action here in just a moment. So in Client, I’m going to in components, I’m going to create a new React class called MainLayout.jsx And here, basically we are going to get started with how to create React components. So, the first thing you need to do is name the component. Mine is going to be called MainLayout and we see that’s equal to React.createClass and we open that up with brackets and curly brackets. So, all we really need here is to render function and that’s all we are going to do at this point, so. Type in render and then in the render function, you’re going to put return. And you’re going to open up just regular brackets. And this is a bit odd, I know, but this is how it’s done, so. Here we can actually print html and it’s going to, it’s going to render what we tell it to. So we always need wrap all elements under a parent container. So I wouldn’t be able to say return two divs like this, two siblings, it wouldn’t work. So we do need to wrap it. So here, we are going to to reference the props that came in, land so as an example, I’m going to add another prop here called LogThis and it’s just going to be a string. This is a property and I’m going to save that. So in the render function, you can access that by typing console.log and then this.props.logThis and save that. And I’m going to go the app here and I’m going to refresh it. And you are going to see two things happening. The First, is that Home is not defined. And that’s because we haven’t created a component yet. So we still need to do a little bit of work. In order for this to work.

Posted on

How to use React with your next Meteor Project

Click here to subscribe for more videos like this!

Hey guys, welcome back! So, I’m going to be showing you guys how to use Meteor with React and Flow Router, and I find that there’s not too much information out there on this combination of tools and so it makes sense to give you guys that information. If you’re following along this course anyway you know, I think it’s quite reasonable to assume that some of you will at least are going to need this information. And even if you didn’t know you needed it, maybe you can go ahead and use Meteor in your next project. So in the last video, we created a project through terminal from Meteor. So what I’m going to do now is I’m going to open up a terminal, and I’m going to change directory to Projects, and into todo. And so, Meteor automatically creates a few files for you first. So let’s go ahead and open this up in Webstorm. I’m going to click Open, and down into Projects, to todo, hit okay, and Webstorm is going to open up the Project. And we’ve got the Project View on the left hand side. So the first thing we’re going to do is delete these files because we don’t need them. Now we’re going to start creating some directories because in Meteor, projects can get fairly large because you’re going to be working with a lot of files, and so organization is a huge benefit here. Let’s right click and create a directory called Client. I’m going to create another directory called Lib, and one more for Server. Now the Client’s directory is going to contain everything that is going to be available to the client. So this is where your templates and stuff are going to go. So in Client, I’m going to create a new directory called Components, and this is where we are going to store the React components. Now in Lib what I’m going to do is create a file called Router.jsx, and in the Router file, we’re going to be defining routes for Flow Router. So before we get to that, we actually need to add some Packages Project. So in the Directory here in terminal, just type “meteor add react kadira:react-layout and kadira:flow-router” and hit enter. There we go, so we’ve got everything added in here. I was having an issue with Jet Brains IDEs and basically it was a conflict with open JDK, and so in order to resolve those, I’ve installed Oracle Java. And basically what was happening was, when you start typing something, this auto suggestion box pops up and that was causing the program to hang. And so to resolve that, what I had to do was, add a repository to my system, and I’m just going to search “webupd8 java”, and you’re going to go to the launchpad.net page, and in here just copy this archive url there ppa:webupd8team/java, and in terminal you can run “sudo add-apt-repository and then the repository name. And you can actually start connecting multiple commands together. So sudo-apt-get update, and the way you connect commands together is by using two ampersands “&&” between the commands. Now it basically says run command one and when that’s done if it’s successful run command two, and if that’s done, run the next command, which is going to be “sudo apt-get install oracle-java8-installer”. And so you are going to run that and that should resolve the issues with Jet Brains IDEs if you’re having the same as I was. So let’s get back to in here. So let’s start making some routes.

Posted on

Meteor.js Installation/Setup & Where to Find Packages

Click here to subscribe for more videos like this!

Hey guys, I want to touch briefly on Meteor.js, today in this video, and a little bit about how to use it. First thing you’re going to do is in a Google search just type “install meteor.” It’s going to give us the location of the Meteor installer to download. If you’re on OSX or Linux, just copy this command “curl https://install.meteor.com/ | sh“ open up Terminal, clear it out, and then paste it in here. If you get this error, it means that you don’t have curl installed so you need to install it. So sudo apt-get install curl” and once curl is setup you can run the previous command again. And it’s going to download Meteor and install it. I already have Meteor installed and so it’s removing my existing meteor installation, and it’s going to download a new one. So, when Meteor is done installing it gives you a notice here, how to get started. So, let’s just create an app, do I have a projects directory already, I do. So, I want to change directory to projects and I’m going to type, Meteor, create to do and it’s going to create project and a project directory in my current directory called “to do”. So, I’m going to change directory, and then if I list the directory Meteor has created the three files to get you started. So I can type “meteor” and it’s going to launch the program on port 3000, there we go. So, once again, this message means the app has been launched, so you can go to local hosts on port 3000 and this is our Meteor app. It’s got an event handler here for the click me button, which counts the times it’s been pressed, but that doesn’t really look to great. So I’m going to close this here, show you how you add packages to Meteor. So you type “meteor add” and then the package name. So you can browse Meteor packages by going to Atmospherejs.com, and if I were looking for say, bootstrap, I would…there is a lot here. However, the official bootstrap module or package is “add twbs:” stands for twitter bootstrap and then “bootstrap”. So, when I add that to my project like this, and let me go into the filemanager here, into projects, and to do, and you’ll going to see these three files that it created for us. But if you hit Control+H you’re going to also see a hidden directory entitled Meteor, and this is where it stores the packages that we add, and some internal Meteor stuff as well. So, I’m not going into that. These are the files that you’ll be working in with Meteor so you can open for instance, the HTML file with the “gedit” here we go. And you’ll see, this is the mark up. So, Meteor works with templates a lot. This isn’t an in depth tutorial, but more about how to get started. Meteor has a pretty awesome tutorial on their website. Just go to meteor.com and you can access the documentation, reference points, and the tutorial to get you started. So, that’s the basic usage of Meteor in the command line. Typically, it’s just Meteor create in the App name, and once you’re on the app directory just run Meteor to run the application, and you can use the Meteor add or Meteor remove, if you want to remove a package, add to add a package and then the package name. So, thanks for reading this and I hope you guys found it informative and a good place to start with Meteor. A selling point for Meteor is the fact that realtime interactions are built into its core. So, you no longer have to fake it, with Javascript, Ajax calls to PHP scripts, everything is done in Javascript, it’s all realtime. So, It’s awesome to work with and it makes things easy as well. So, check that out, if you’re into web application development at all.

Posted on

Publish your First Udemy Course in 1 Day Coupon!

If you want practical tips for publishing your first course on Udemy, you are going to love this course! Watch as I go step-by-step through the course creation process and show you the quickest and most efficient way to get your first course published.

Learn from an instructor with over 2 years of experience teaching on Udemy, working with top instructors to create bestselling courses, and marketing online courses across multiple platforms!

This course requires absolutely no experience working with Udemy, teaching online, or recording in front of a camera. Anyone can start teaching on Udemy today, and that’s what makes it such a fantastic learning platform! Enroll now for only $10!

https://www.udemy.com/teach-online-complete

Thank you for taking the time to read this, and I hope to see you in the course!

10-coupon

Click here to enroll in the complete course on Udemy!

Posted on

Design & Build Your Own Personal Computer Coupon!

I have been building my own computers for nearly 10 years now, and it is both a valuable skill & extremely fun to do! Understanding the inner-workings of a computer will help you troubleshoot problems, build superior custom PC’s, save money selecting your own components, and elevate your technical skills!

If you work in an office or some other administrative job, chances are you spend most of your day using a computer. In fact, computers are typically the most used piece of equipment in both our personal & business lives. I have worked in corporations where administrators were often at the mercy of the IT department, because people in general know very little about how computers actually work. So, learn how to build your very own personal computer today, and level up your technical skills! Enroll on Udemy for only $10!

https://www.udemy.com/build-a-computer

This course will cover the following topics:

  • Choosing the proper computer components
  • Hardware unboxing
  • Putting the hardware together
  • Installing the necessary software
  • Programs to download for Windows 10
  • Linux Installation (dual boot & virtual machine)
  • Cleaning up a used computer

Thank you for taking the time to read this, and I hope to see you in the course!

build-a-pc

Click here to enroll in the course on Udemy!

 

 

Posted on

The Complete Ethical Hacking Course for 2016/2017 Coupon!

If you want to get started as an ethical hacker, learn how network security professionals protect their systems, or take your IT career to the next level you are going to LOVE this course! This course is a sequel to The Complete Ethical Hacking Course: Beginner to Advanced! which over 50,000 students have taken, and was at one point the most popular ethical hacking course in the world! Join us now and receive over 80 lectures & 15 hours of HD video, and 1 on 1 assistance from experienced network security professionals! Enroll now for only $25!

https://www.udemy.com/hacking-complete

We will cover the following topics in this course:

  • Introduction to ethical hacking
  • Linux installation, terminal basics, and Wireshark Setup
  • Staying anonymous online, proxy servers, and accessing the dark side of the internet using TOR
  • Aircrack-ng, HashCat, and wifi hacking
  • Defending your own networks from attacks
  • Cloning websites
  • Arduino USB keylogger that works out of the box for Windows 7, 8, 8.1, and 10
  • Windows power shell scripting

This course will receive monthly updates based on students requests, and our goal is to make this the #1 network security course online!

DISCLAIMER The attacks demonstrated in this course can cause serious damage and are only shown for educational purposes. The intent of this course is to give you the tools to defend your own networks, share skills that are valuable to companies all over the world, and help you to better understand the challenges that information security professionals face on a daily basis.

English & Spanish subtitles available.

Thank you for taking the time to read this, and we hope to see you in the course!

hacking-25

Click here to enroll in the course on Udemy!

Posted on

The Complete Python 3 Course: Beginner to Advanced Coupon!

School is now back in full gear and learning season is upon us. Whether you are a student enrolled in a university program, or a professional looking to expand their skill-set, I am happy to announce the release of my newest course Learn Python 3 from Beginner to Advanced. Python is a great language for novice programmers because of it’s simplicity and easy to read syntax. You can learn how to think like a programmer while avoiding the very steep learning curves of other coding languages such as C++. This course will teach you Python through coding examples, and give you the tools you need to write programs with real-life applications. Enroll now for only $10!

https://www.udemy.com/python-complete

If you want to get started programming in Python you are going to LOVE this course! This course is designed to fully immerse you in the Python language, so it is great for both beginners and veteran programmers! Learn Python as Nick takes you through building a calculator, creating an RPG script, doing web scraping, coding web apps, and much more! We will cover the following topics in this course:

  • Python installation and PyCharm (IDE) setup
  • Programming basics
  • Numbers, strings, Boolean operators, lists, dictionaries, variables, built-in functions, arguments, logic statements, importing modules
  • PEP guidelines, loops, classes & objects, class & instance variables, comments
  • Reading/writing files, JSON, virtual environments, PyPl
  • Requests
  • Web scraping using Beautiful Soup
  • PyMongo (MongoDB)
  • WebPy for web app development
  • Django server setup and management

This course is fully subtitled in English!

Thank you for taking the time to read this and we hope to see you in the course!

python

Click here to enroll in the course on Udemy!

Posted on 2 Comments

How did I get 2,000 followers in my first 2 weeks on Twitter?

Growing a Free Following Using Tweepi

Let’s begin building our free, SEO targeted Twitter following. The first step is to find a Twitter profile to pull followers from. When building up Twitter profiles on behalf of clients I would do a Google search similar to this:

kim garst

This was an ideal profile to begin pulling followers from because at the time she had over 300,000 and was doing a similar following strategy as the one I will show you. Finding someone in the same geographical are isn’t necessary, but you want to make sure you find a page that posts similar content.

Next, you will want make an account with Tweepi http://tweepi.com/auth/signup Tweepi is a Twitter management tool that will allow you to rapidly follow/unfollow people.

tweepi

The free version of Tweepi let’s you follow 250 and unfollow 100 users per day. These limits reset at midnight PST.

free tweepi follow limits

Once you create your account and link your Twitter profile, you can begin following new people. Click the “Follow Followers” link.

follow followers

The next screen will prompt you to type in the username of the person you want to pull followers from.

@user followers

If you haven’t found a page you want to follow the followers of, feel free to use my Twitter profile @UdemyJoe https://twitter.com/udemyjoe nearly everyone should follow you back. Before you begin following users, scroll down to the bottom of the page and increase the number of users to 40 per page. You will then be prompted to give Tweepi a quick shout out.

tweepi 40 users per page

We are almost ready to begin following profiles. First, let’s set up a few filters to find the people who are the most likely to follow us back.

tweepi filters

You do not have to include all of these, just be sure and use the follow ratio filters. A follow ratio of 100% means that the user follows all of his followers. I use the last tweeted and profile image filters to make sure I am following active Twitter users. The friend or follower is neither removes profiles I have already followed from the list. If no users show up on the list it means the system has filtered them all out. Just keep skipping pages until you find new users to follow.

If you are using a brand new Twitter account there is a good chance you will need to unlock your account.

twitter locked account

This is why I recommended adding you mobile phone during during the sign-up process. Just wait for the confirmation number and follow the instructions that Twitter gives you.

unlock twitter account

Next, we will unfollow users who do not follow us back. Remember, you need to wait at least 3 days before unfollowing anyone you follow through Tweepi. Start by clicking the “You follow” button.

unfollowing

Next, set-up the filter “Friend or follower” → “Not following you”

unfollowing filter

Results are displayed in chronological order so start with the last page.

chrono order

I like to begin each new day by following people who follow us first via the “You’re not following back button.

follow people following you

Rinse & repeat each day 🙂

Tweepi Platinum

The free version of Tweepi is a great tool for getting started, but the premium version enables you to do so much more with building your following. With premium you can follow 950 and unfollow 500 users per day and you can unfollow users down to the specific day since you first follow them. With platinum you can save filters, follow based on a geo-targeted Tweet search, and look for users based on their interests. Platinum also enables you display 200 users per page which allows you to follow faster. Click the “Upgrade to Premium” button for the package that best suits your needs.

upgrade

The “Tweet Search” feature allows you to follow people based on their geographical location.

2016-08-01_18-47-40

If you are building a profile for a local or regional business this is an awesome feature because it enables you to find people in a specific area. Let’s pretend I own a coffee stand in Seattle and want to find people who tweet about coffee.

tweet search

After we set up a few filters we can begin following.

geo targeted

You can also search for users by bio, interest, full name, company name, or location.

user search

Let’s say I wanted to network with other people affiliated with Udemy. I would use “Udemy” as the query and set up the normal filters.

follow by user search

The premium version of Tweepi is great if you need to take targeting to the next level. I mainly use Tweepi premium for the increased following limits. I hope this system makes sense and helps you to grow your following on Twitter. Happy following!

This post was pulled from the material in my Twitter Marketing in 2016: Get New Followers Daily! course on Udemy. Enroll now and get 50% off the purchase price!

Twitter $10

https://www.udemy.com/growth-hacking-twitter/?couponCode=LAUNCH10

 

Posted on 1 Comment

Design & Build your own Personal Computer!

Learn everything you need to know about computers including how to do your own troubleshooting!

Build a PC

I have been building my own computers for nearly 10 years now, and it is both a valuable skill & extremely fun to do! Understanding the inner-workings of a computer will help you troubleshoot problems, build superior custom PC’s, save money selecting your own components, and elevate your technical skills!

If you work in an office or some other administrative job, chances are you spend most of your day using a computer. In fact, computers are typically the most used piece of equipment in both our personal & business lives. I have worked in corporations where administrators were often at the mercy of the IT department, because people in general know very little about how computers actually work. So, learn how to build your very own personal computer today, and level up your technical skills!

CLICK here for a coupon!

Posted on

How to Get Free Twitter Followers Updated for April 2016!

Would you like each Tweet to receive thousands of impressions, social interaction, and web traffic? Are you looking for a free way to drive traffic to your website, blog, videos or live-stream? I will show you how to add thousands of followers for FREE on Twitter that will engage with your Tweets, visit your site, and click on your links. My favorite Twitter management tool is Tweepi! Tweepi has both FREE & paid account options. Here is a link to get started:

http://tweepi.com/

Here are links to the Twitter account I manage so you can check them out for yourself!

https://twitter.com/JerryBanfield

https://twitter.com/banwork

https://twitter.com/JO3POTATO

https://twitter.com/UdemyJoe

For more FREE internet marketing tutorials, check out my YouTube channel!