Web Development Exercises

today i am fired up because we've got a killerhamstring workout that i want to share with you guys. hamstrings are so important because the majorityof your body's fast-twitch muscle fibers are located in your hamstrings. and on top of that a ton of guys have muscularimbalances when it comes to their lower body. so if your quads are really developed andyour hamstrings aren't very developed, you're going to have muscular imbalances which isgoing to lead to a lot of injuries. back in the day, i played basketball and iwould pull the shit out of my hamstring all the time.

i remember one time my senior year duringbasketball, i pulled it so bad during the season; i couldn't play basketball for threeweeks. i couldn't go to parties, couldn't hang outwith girls, couldn't do anything. i was bed-ridden for three weeks because ididn't prioritize my hamstrings. so this workout is meant to throw on top ofyour existing leg work out or it could be its own individual workout, so i can't stressenough how important hamstrings are, so i'm going to head to the gym and show you guysmy favorite hamstring routine for mass and aesthetics and overall preventing injury. all right guys, we've got the stiff-leg kettlebell deadlift.

what we're going to do here - and you canalso do this with a dumbbell - what you're going to do here is start off on one leg,keep your chest up, and you're going to keep a stiff leg all the way down and you're goingto drive through your heel, back up. get big stretch, back up. i'll show you from the other angle. so i would recommend keeping it out to yourside like this. so that is the stiff-leg kettle bell deadlift. so just make sure you keep a good center ofbalance. try to keep your chest up.

and as you're coming down try not to bendyour knee. and then what you're going to do, you're drivingall through your heels, so you're coming up all through your heel. keep the tension on those hamstrings. getting ready to load up on the smith machine. so this exercise is fairly similar to a stiff-legdeadlift, although you are going to be on the smith machine and what this allows youto do is focus all of the tension, all of your mind-muscle connection directly ontoyour hamstrings and your glutes, as opposed to feeling it a lot in your lower back.

i know on stiff-leg deadlift if you go tooheavy, you tend to feel it a lot in your lower back and it's tough to really channel thatmind-muscle connection right in your hamstrings, this exercise allows you to achieve that. so i wanted to show you guys one more. i went a little bit heavier on this just toshow you the proper form one more time. so your hands are a little inside shoulderwidth apart. and then you're pushing your butt back, you'redriving through your heels. make sure that the weight is coming off ofyour heels and not your toes and once again, so crucial, just channel that mind muscleconnection in your hamstrings.

you should feel 100% of the tension directlyin your hamstrings. try to keep your chest up throughout the movementand you guys will have some killer hamstrings. getting into one of my favorite supersetsof all time. i know starting off it just looks like theprone hamstring curl, and that's exactly what the first part of the superset is. so i like to go fairly heavy right aroundmy 10 to 12 rep max for the first part of the superset, really focusing on squeezingthose hamstrings. then what i'm going to do here is i'm goingto drop the weight to about 40% of what i just did and i don't know what you call this,but it puts a ton of pressure on your hamstrings

in a different angle. we'll call it the - we'll call it the kangaroohamstring superset. as you can see, i don't know how to explainmy form here, but just try this guys, it works so well on focusing on your hamstrings. all right guys, last but not least, we'vegot the hamstring ball curls. this is my favorite hamstring exercise becauseyou get an awesome burnout. i want you guys to go really high rep on this. go completely to failure because it's thelast exercise on the workout. so i remember back when i first started doingthis when i was like 16 - 17, i could only

do 5 or 6 of them, so if you can't do thatmany starting off, don't worry about it. just try to continually improve upon it. so i'm going to go to failure here. hamstrings are pretty warn out right now. so let's see how many i got. what you want to do too, you kind of liftyour body up. so the starting position obviously isn't likethis. so you're going to lift your body up. just try to brace yourself with your upperbody.

i'm starting to slide. this is killer. i'm going to stop there. i got leg day in three days. it's wednesday today. i'm going to do leg day saturday, so i don'twant to kill myself. i think i got 45, so feel free to challengeyourself. let me know in the comments below if you guyscan beat that score. and that is a wrap.

i've got a gorilla that i've had on my backfor the last couple of years and i just want to be 110% transparent with you guys and ijust want to be real and authentic and not hide behind a lie. so a couple of years ago -- first of all iwas like working out in california at the time and i would always see this guy at thegym. this guy was straight out of germany. this guy's name was magnus. and i always see him at the gym. really big, strong dude.

and we get talking one day and we kind ofstarted hanging out. it's funny because we met - he shows me thiscrazy, funny cat video and we just started like talking since then. the guy like loves funny cat videos. but that's neither here nor there. let's get back to the story. so i started hanging out with magnus and westarted working out together and he starts asking me if i'm natural or not, if i've evertaken steroids. i'm like, "no man, i do youtube videos.

i try to teach skinny guys how to bulk upand gain lean muscle mass the right way." and he's like, "yeah, man. i used to try to do it the all-natural wayand i started taking steroids. i get them from my friends in germany. they ship them down." and i was like holy shit, this guy's likeon steroids. he's on this like crazy german steroids. so long story short, i decided to try them. magnus and i would pin out butt cheeks inthe bathroom together and we'd take steroids.

that's when i made some really crazy gains,like i'm up to 195/200 pounds, 8% body fat and without magnus and without the germanneedle, i definitely would not have been able to make it happen. just want to be real with you guys. it's tough for me to say. i'm kidding guys. holy shit, i hope none of you guys believedthat. guys, like you guys in the comments sectionthat think i'm on steroids, i'm not even that big.

i haven't even known what the hell i was doingin the gym up until more than like a couple years ago. i have good aesthetics and i know what musclegroups to develop that makes me look good and look a certain way, but guys i've got17 inch arms, not even 17 inch arms. i'm 195/200 pounds at the very, very moston a good day. i'm almost 6 foot 1, so i'm like 6 foot andone-half inch, almost 200 pounds. my squats under 400 pounds. my bench press is well under 350 pounds. these are not the stats of someone on steroidswho's been working out for ten-plus years.

the thing is guys, my genetics are like afive or a six out of ten. any one of you young guys - if you're 17 or18 and you apply everything i'm telling you in these videos and all of the outside thebox tips we give you guys on the mass-gaining recipes and the really advanced training techniques- you could look like - if you're 17 or 18 right now and you've got average geneticsthere's no reason that you can't look like me by the time you're like 23 - 24. and you guys are so impatient. you guys want to look - you go on instagram- and honestly i blame social media because you go on instagram and you see pictures ofguys who have been training for ten-plus years,

who have a perfect diet, who've trained theirass off and also have some pretty good genetics and a good proportion of them have also takensteroids. and you see guys like - i don't know, likelazar angelov and you see all these big mainstream fitness models on instagram and it makes youwant to get there even quicker. it's like an emotional response, it's likean impulse that you have to social media, but guys, do not fall prey to that bullshit,just stay consistent. there's no shortcuts to any success in life. if you want long-term success in fitness,in business, with banging tons of chicks, put in the fucking work and just stay withit.

stay consistent. focus on incremental improvements each andevery single day. and that's what this shit is all about you'regoing to feel so much better about yourself and you're not going to go through an emotionalrollercoaster when you're taking the shortcut. i just wanted to illustrate my point witha crazy little story about magnus. all right guys, that is a wrap with the hamstringworkout. i'm about to watch some week two nfl action. got my fanduel team queued up, ready to go. hopefully, make some money today.

and i just want to ask you guys, what do youwant to see going forward. what type of content most interests you. just throwing out a few ideas, i have a tonof experience with athlete training. i know in particular how certain nfl playershave trained in the off season. i went to a sports academy back in the day,so maybe showing you guys some nba style or nfl training. do you guys like the crazy 3,000 and 4,000calorie meal videos. if you guys have any questions as far as certainsupplements definitely leave it in the comments below, as well as any type of fad in the fitnessindustry.

like i know we covered a video on intermittentfasting. any type of training style that you guys arecoming across that you want me to go over. so don't be afraid to interact with me inthe comments. i'm going to try to do a really good job ofanswering each and every single one of you guys' questions. let me know what type of videos you want tosee going forward and looking forward to seeing your guys' responses.

New 3 Raspberry PI Creative and Inspiration Febuary 2014

Web Development Examples

okay, let's do a quick demo, remember when we played around on telnet in unit one to, to manipulate web servers directly? i'm going to go ahead and do that here, and we can look at some more http headers. so, if i were to telnet to google.com, you know, port 80, as we've been doing. so, we do our http request to get the front page remember our host header. we see our results, we scroll up to the top of this, we can our our header. so here's the request i made, and here are the headers and here are a couple set cookie

headers. so in this one, this sets a cookie named pref, to this value and it's actually google's doing a very typical google thing, and storing multiple pieces of data in one cookie. so this is the equal sign that's part of the cookie header, and this equal sign is actually part of the cookie value. this is the end of the cookie value here, we've got a semicolon and then we have some extra parameters that we haven't talked about yet. we have an expires time, and this is when the cookie expires. so after this date, april 19th, 2014, this cookie will no longer be

sent and this cookie is relative or relevant to the path slash so you can restrict cookies to specific paths and this cookie is specific to google.com. so this basically means that anybody at google.com will receive this cookie. here is a, another, another cookie this one's called nid. and you know, you can see the value comes all the way down here, to the first semicolon. expires time of its own a path, a domain, some extra constraints. this cookie's only and relevant to http which, which, is, is just another, another cookie option

you have at your disposal. i want to show you one quick thing while we're in the terminal here. if you're on a mac or linux you can use the curl cmd which is pretty cool. say, curl -i, which basically says, get me the headers. curl -i google.com, and that'll just run the headers. i'm not going to quiz you on that, but if you're on a unix machine, you can use curl instead of telnet, and you don't have to type so fast and type so much stuff. so anyway, curl -i, handy little tool for

viewing http headers. i'll show you one last way to inspect cookies this may not work for everybody, but it's another neat experiment. your on in chrome i'm in you know special private browsing mode which is what all this is talking about. basically i'm in the private browsing mode because i'd, i don't want to have any cookies, and that's generally what this private browsing modes do, is they throw away all your cookies. so i'm going to, i'm going to do something here, i've open up to the bug tools in chrome, this are in developer tools that are built in the chrome, you

can google around for, how to show this in chrome or you know safari and internet explorer also have, a similar feature so you can kind of watch requests. and i'm going to go to google.com and on here i can see all of the requests we made at google.com and one thing i can do is i can actually view the headers. we can actually view the request header i made for google.com and you can see we, we sent some various headers. we didn't send any cookies, cause we don't have any. and if we scroll down a little bit, we can see you

know one of the cookies that got set, right here. this is one of the cookie headers, so that cookie. if we were to reload this page now, our browser, chrome here, has stored this cookie. if we were to load this page, we should see a new request header, i will do that now. i have reloaded the page and now we see the request we made for the google.com the request has a cookie header and this says the exact same context as the sec cookie. well at least the name here, and the value is the

same. you don't have to resend path and domain and all those other options, those are just for the browser to know when to send the cookie. if, if, if you're feeling adventurous, you can find a, a debug mode in your browser and experiment with this sort of stuff. it's kind of, it's kind of neat to see what's there.

New 3 Raspberry PI Creative and Inspiration Febuary 2014

Web Development Environment

hello everyone my name is josh cummingsand today i'm going to talk about docker and wordpress. a little bit about myself,i'm a developer at grizzly. we're a full-service creative agency in sandiego. we focus on anything from web design and development to brand, strategy,identity, and all sorts of fun creative projects for awesome companies. so, docker.what is it, why would you use it, and how can it make wordpress development better? well, before we can really answer any ofthese questions, we need to take a look at why docker. exists in the first place. soit used to be that we would write our code and deploy it to a server and thatserver was most likely, in the beginning

phases of our development, some sort ofblack box that was just hosted somewhere and we were able to push your code to itand it would all just magically work. when you take a deeper look at the server, yourealize that there's a lot of dependencies that live on that serverand each one of those dependencies has their own version. now, a lot of timesyou're not even just dealing with one server you're dealing with three or moreif you're doing your local or development server one place you'll haveanother staging environment and then a production environment etc etc and allof those server environments have their own dependencies on them and usually wecontrol this right so we'll have a local

in a staging server that we set up andwe control we make sure it's running properly but let's say your productionserver is run by the client and they're using let's say a different version oflinux than what's on our staging server well then we go to deploy, it might workon staging, but we might run into issues on on production that really get in the way of our workflow and slow us down and cause problems and when we are troubleshooting let's say databaseerrors or php errors that can really take time away from what we're doing andmake coding very very frustrating and the deployment process really really

frustrating. so, how do we fix this? oneway of fixing this is configuration management because with configurationmanagement you write one file that lives in your code base that tells the serverwhat dependencies to install and how to sort of configure itself so you may haveheard of vagrant or ansible or some of these configuration management tools the problem with these tools is thatthey run on virtual machines and virtual machines can be very expensive meaningthey use a lot of cpu, memory, take up a lot of storage on your system,and these virtual machines run on guest operating systems that can't really talkto each other. so what we really need are

applications that can talk to each otherthat share the same os kernel. so, meet the container the container is a reallya complete file system that is created with all your dependencies of all of thetools that you need to run that can live in an image somewhere and then thatimage can be run anywhere we go on any environment. so, if you take a look atthis picture you'll see we have a busybox image and a debian image and thoseare both living in their separate containers but they can still talk toeach other because they're sharing the same os kernel. so, what is an image? theway that i like to think about images is the same way i think about images insomething like digitalocean. so if you

wanted to spin up a new server indigitalocean you would choose your ubuntu 16.04 image and then that imagewould spin up onto a server. it's the same way with containers. you create animage with all your configuration in it and then that image can run inside of acontainer. going the other way, because we're running a full network stackinside of a container, we need to actually expose port back to our host so so for example if i'm working on mylocal machine and i spin up a container that container might have port 80exposed inside of it but i'm not going to be able to get to it from my browserunless i expose port 80 outside of the

container to my host and we'll take alook at how what this means in just a minute going back in the other way, or ratherboth ways, are volumes. now, if i want to write code on my local machine thatinteracts with my container i can actually mount of volume and that volumewill allow me to work locally on my machine and make changes inside thecontainer so it sort of takes one of your directories directories and mountsthat as a volume inside your container will also take a look at that docker hubis similar to github where you can store all of your images and access themfrom one repository that lives in the

cloud and so workflow for this for dockermight look like you pulling a wordpress image from docker hub and thenrunning it inside a container on your local environment or staging or developmentand production or wherever. the cool thing about this, is it's guaranteed towork on any environment as long as the docker engine is running. so this is reallysolving that problem of not having a server parity and just really makingsure you're running the exact same application everywhere you go and thatincludes the dependencies, the network stack, the operating system, everything isgoing to be the same because docker is controlling that for us

you can also integrate this into acontinuous integration workflow so what you're seeing here isus pushing to github, docker is seeing that push and then startinga container based on that push inside of each one of ourdevelopment environments. it's a bit more complicated than that, but just to give you a high-level overview you can actually trigger pushes to docker huband pulls and all of that through a continuous integration workflow and thatmakes for a really really nice workflow where you're already pushing code to githubyou might as well have it spin up some containers for you and deployautomatically. alright, so let's take a

look at some examples. the first example i'm going to do is dockerrun. docker run tells docker to run a container from an image and the image i'm going to use is alpine. alpine is a really small linux distribution it'sabout five megabytes in size so we're going to run that container from thealpine image and we're going to run the command ping and i'm just gonna ping mylocalhost let's say five times. when i press enter here, it's going to grab analpine image from the repository start a container and run the ping commandinside the container. so let's see that happen. so it can't find it locally soit's going to pull it down from the repo

and there's my ping command five times.so let's try another example. let's say docker run and this time i'm going to rundebian and let's say we actually want to get command line access inside of debianand run commands that way i'm all you have to do is pass the -it flag and thenthe the shell that you want to use so i'm going to use just a regular shell. soyou'll see that it doesn't have debian installed locally, but you'll also seehere that it says already exists. that's because debian and alpine bothuse busybox so it already had busybox installed from the first alpineinstallation it doesn't need to install that again. it caches it locally. so, here iam inside of the shell inside of debian

and i can run something as simple asecho "hello world" and there we go! so, two different operatingsystems completely running locally on my mac and i didn't have to do anything butinstall docker and run a couple simple commands. pretty sweet! so,i'm gonna go ahead and exit that and now let's go ahead and try to get wordpressrunning. so if we go to the official repository for both wordpress and mariadb, we can start to piece together how to run these containers. i'm going to usemariadb and actually link it to wordpress so that we can use wordpresswith mariadb here using docker. so, first let's start at mariadb the thecommand is sort of intimidating-looking

but don't don't fret, i will walk youthrough how it works so the command looks something like this.we're doing a doctor run here and we're giving our container a name i'm actually just going to call it...youcan call it whatever you want, i'll just say coolmysql we're passing anenvironment variable here with this -e flag and we're just going to use "wp" asthe mysql root password. the -d flag tells it to run in detached so it'llactually run in the background and the last argument here is the image that iwant to use and i'm actually going to use the exact tag here. so, i want to use...10.1.17 is the version i want to

use so let's add that. and then thelast thing we'll need to do is expose a port. so let's go ahead and expose port... let's map port 8081 to 3306 inside thecontainer and again remember because mysql is running inside the container, weneed a way to access that container through a port. so i'm justexposing an arbitrary port here (8081) to get inside of that container. so, let's goahead and run this. and you'll see how lightning fast that was, and if i run docker images, it's becausei i already have mariadb installed fromanother project i was working on and

we'll see i already have wordpressinstalled from another project i was working on. so, you can start to see asyou get these containers running its really really fast to spin up new newcontainers from these images that you already have so, if we run docker ps, we can see ourrunning containers and i can see that mariadb is running on port 8081 on mylocalhost its mapping to port 3306 in my container. that all looks good! so let'sgo ahead and link wordpress to it. so going back to wordpress in docker hub,we can see how to use this image. we'll grab this command here paste it on in.and let's just modify it slightly. so we

have docker run, we're going to create aname for our wordpress container. let's just call it coolwordpress (again thatcan be anything you want just to remember which container is which). we're going to link this to our other container we haverunning which is called coolmysql again we're running it in detached andwe're going to expose port 8080, we're going to basically map port 80 insidethe container to 8080 on my localhost. now, we're going again use an exact versionhere so i'm going to be using 4.6.1-apache so let's type that in. and then the last thing we need to do if you remember we set a mysql root password. we need to actually

pass that environment variable here towordpress and the environment variable we use is called wordpress_db_password and we calledthat "wp" so we'll keep it the same. there we go! and that's all running. so if i do docker ps again, you can seethat both of these containers are running. wordpress is on port 8080 and mysql ison port 8081. so now if i go to my localhost port 8080...tada! there's ourwordpress install running inside these containers. i didn't have to installanything. i didn't have to do anything but run these commands inside of dockerand docker is taking care of all of that for me

now you might be thinking to yourself "doi really have to run these crazy commands every single time i want tospin up wordpress?" and the answer is no docker has a solution for this called dockercompose. so if we head on back to the official wordpress repositoryon docker hub, we can see an example docker compose file. now gettingback to our configuration management, we want to have a file that sits in ourcode base that allows us to spin up the containers exactly with that we wantusing configuration management best practices. so i've actually created asample docker-compose.yml file, so let's just open that up.

so, what's happening here is prettymuch exactly the same as what was happening in the commands that we ran. soinstead of running a big long string of commands in the command line, let's justwrite one docker-composed.yml file that does the exact same thing. so youcan see i'm grabbing the images for each of these containers i'm exposing ports, i'm linking and i'msetting environment variables, all the same stuff we just looked at you'll see this volumes section whichis new. so what this is saying is in my current directory mount a folder calledwp-content to the wp-content folder

inside my container. so this is how i'mable to work locally on my machine but still have changes be made inside mycontainer, and you can see i'm doing the same thing here with mysql. so, this all looks good i'm just going tochange the ports here so we don't have any conflicts. so i'm going to say runthis on let's just say 82 and 83 (why not) so now all we have to do is run fromthis directory docker-compose up and i'm going to pass it the -d flag to againrun as a daemon here in the background. so you'll see a couple things happen itcreated the containers so if i say docker ps

i can see now that it spun up a couplenew containers for me that are running on those ports i specified, and then youcan also see inside my project it "automagically" pulled in the wp-contentfolder and mysql folder for me so i can go ahead and start working on myproject. so if i jump back over and go to port 8082 on my localhost..tada! there's mywordpress installation! this is the way that i love to work, and i hope you'reseeing the value of docker and how great this is. so, as you can see once we havethese docker-compose.yml files, our speed of development is going to increasebecause we're able to start up as many containers as we want using thesefiles and we don't have to worry about

dependencies, they're all managed for uswith docker. and i can run these containers on any server environment. aslong as a docker engie is running, it's guaranteed to work. it's veryeasy and it's also easy to get new team members on board because you don'thave to worry about having the same configuration as long as they have dockeron their machine and you have docker on yours, you're on the same page, you cansay here you go here's the project get going, and it's also extremely scalablebecause you're able to use tools like docker machine and docker swarm to scale theseapplications and use other tools to load balance them, so it's it's very scalableand you're able to start small and build

as your application grows. if you want to learn moreabout docker, docker has really great self-paced training. it's three videos asof now and they're really in-depth and really great for learning docker, andthere's also some other great resources that i will post in the link below. alright everyone thanks so much! i hopeyou really got something out of this video and you're starting to see how touse docker in your workflow. if you have a workflow that you really like to use,please share it. and as always, i'm here to answer questions and have a great one!

happy coding!

10 Best Logo Design Inspiration Febuary 2014

Web Development Environment Windows

[music] welcome, to dr. piercy's downloading and installing eclipse. ths video was made under a creative commons, attribution, non-commercial license. in this video: you're going to learn what eclipse is and what it can be used for. you'll see how to download and install eclipse. and, we'll take a brief look at eclipse to see that it is working on your computer. so, you may be asking: "what is eclipse?" eclipse is a development environment.

a software application with lots of tools that you can use to create stuff. eclipse is integrated. this means that all tools provided by eclipse are collected in one software package that works together. you can also think of integrated as meaning that the diverse components that you create are integrated to perform a complete package. so, finally eclipse is known as an integrated development environment.

or ide. to find eclipse, simply search for eclipse.org in the google search page. typically, the latest version of eclipse will be the first entry in the search results. here we see mars eclipse. go ahead and click on mars eclipse. and it should take you to the eclipse project homepage at eclipse.org. this site has everything that you need for eclipse for our purposes, click on the

large download button that you see in the upper right corner of the page. this should take you to the download page. a number of different eclipse packages are listed here. the one we would like is called eclipse ide for java ee developers. this one will allow us to build networked web applications. so, let's click on that one. this page provides a description of the package for eclipse ide for java ee developers. take a moment to look through that page once you are there.

note, in the upper right corner there are a list of download links for various types of operating systems. from this point be sure to choose your operating system. i'm working on a mac. so, i'm going to choose mac os x download link. this will take us to the eclipse download page. you can select various sites. there's a primary download indicated by the orange button, but some of the others are faster. i'm going to select the ibm download site to get a faster download. here i see a new page with some options

i'm simply going to select the "download eclipse ide for java developers" the mac coco option. this will start to download. once you click the download link you can select the location on your hard drive where you want your installation file to be stored. i created an eclipse folder earlier so that i would have a place to put this install file. i'll break here until my download is complete. my installation is complete. note that my file tar.gz

this is a common compression type for mac downloads. i'm going to click on the button in my browser. this decompress the file and then show it to me in a finder window. we now see the eclipse application and the downloaded tar file. i don't need the tar file anymore since i decompressed it, but i like to keep it until after i've tested the application. the actual application is listed as eclipse.app with an eclipse icon. typically, you'll need another component,

namely the java jdk, for eclipse to run. starting again from the main download page, let's find the link shown as "install guide." click on that. this will take you to a page where you can find other information about eclipse and its installation. what i would like to show you had to do with installing the jre/jdk sources. note that there are three possibilities here. i'm going to select oracle jdk, just to get it from the source.

i open that in a new tab. here, i'll click on "java platform jdk" to get the program i need. in the list, i can see that they have a version of this for mac os x. first, i need to accept the license agreement. once, i've accepted the license agreement, i can click on the jdk version that i need for my mac. be sure to adjust to your operating system. i'm going to store the jdk dmg file in a special folder i created on my hard drive called "java."

here, you can see that the file has been downloaded. i double-click the dmg file to run the install package. from the install package, i follow the directions and double-click the icon to install my jdk. at this point, i have the jdk installed. plus, i also have the eclipse app ready to use. let's double-click the eclipse app just to test that my installation seems to be working. this is a good sign, i see the eclipse splash screen. eclipse loads.

and, here i see the eclipse ide everything looks good, so far. let's create a very quick "hello, world" java application just to see that eclipse is working and that it's connecting to the jdk. click on file|new|java project. here, we'll see a dialog box. we'll learn more about those in later videos. for now, just type in a name into the project name field. i'm going to call it "testing123." then, i'll hit finish. here, i see that a project has been created.

if i expand it, i see a src folder and i see the jave jre files attached to this project. i'm going to right-click on the "src" source folder and select new. at this point, i'm going to pick "class" to create a java class. here, i see another dialog box. i'm going to set a few things on this one. i'll make sure that the option "public static void main(string[] args)" is selected so that i'll have a "main" method this class. i'm going to give the class the name "test." after that, i'll click "finish" and it will create a file. note, the file shows up in the project explorer window, under the source folder.

and, that a file is generated in the editor. this file includes the stub for the main() method. so, if i want to run this project, i can simply put some code in this main() method and run it to see if it works. let's just simply print out the phrase "hello, world!" to the eclipse console. to do this, i only need one line. i'll type "system.out.println()..." in parentheses, i'll provide the literal string "hello, world!"

i'll remember to add a semi-colon at the end of my statement. there are several ways that i can run this program, but, let me simply just right-click on the project name in the project explorer window select "run as..." java application after a moment, it runs. and, now in the console at the bottom of the ide i see the phrase "hello, world!" so, with this simple test, it looks like my eclipse and my java jdk installation are working.

check out other videos to see how to fully use eclipse. the primary reference for this video and the content found here is the eclipse foundation web site at eclipse.org. this is your go to source for all things concerning eclipse. if you want to know about eclipse, need some help, or just want to look at the eclipse documentation, then, this is where you should start. you can find information about java and the jdk at

the oracle technology network at the url shown here. this video was written, narrated and produced by dr. craig a. piercy under creative commons license. background music is "locally sourced" by jason farnham, from the youtube audio collection. this, has been a piercy production.

10+ Inspired Digital Work Desk Febuary 2014

Web Development Environment Mac

[intro music] cisco: hi, i'm cisco with acrobotic. and today we're gonna be talking about how to get started with the esp8266 development board. we're gonna be using the arduino ide to write custom firmware that is gonna be downloaded onto the board and execute. the materials that we're gonna need for this tutorial are the development board itself. it's optional, but nice to have a solderless breadboard and just a micro b usb cable. we've taken the esp-12e module, mounted it on

our development board, in order to make things even easier. we include a few additional components like a usb to serial uart translator chip by silicon labs. and a few other, like a voltage regulator a few other components, so that you can just plug it into your computer use the arduino ide and just get started with developing software or firmware that would run on the esp8266 itself. there are a few different options that you can use for developing firmware that

would run on the esp8266. and we're gonna be using today the arduino ide, but i wanted to mention the two more popular ones are using at commands. this is where you hook up the esp8266 to a micro-controller typically. that micro-controller will send these at commands via serial aserial uart interface. and again you can read a little bit more in the links included in the description. but then the esp8266 device is just listening to at commands, and

you tell it using an at sequence "hey, connect to wi-fi" "this is my ssid, etc. etc.". we are not gonna be using that we are going to write custom firmware that will get uploaded to the esp8266 and the esp8266 is just going to run that custom firmware. the other one that is really really popular is the node mcu firmware. that's a little bit similar to the at commands. you can actually use it a few different ways, but for the most part you end up using the lua programing language to have this sort of live interaction with the esp8266 itself.

you can read more about it again in the links included in the description, but in order to get started with the arduino ide, we're gonna jump to the arduino.cc website. and we are gonna go to the download section. and this is in case you don't have the arduino ide already installed. for those of you who are not familiar, ide stands for integrated development environment. so we are gonna look for the latest version, which is at the day of this recording 1.6.7. i'm gonna be using a mac, so i'm gonna click on the link for mac osx.

and then, you know, i encourage you to contribute to the project, they are really, they are doing really great work. i'm just for now gonna click just download. and it should take a few, a couple of minutes to download depending on your internet connection. the second piece of software that we gonna need is actually the drivers for talking to the iec that is on our development board that does the usb to serial uart translation. and for that we're gonna go to the link from silabs, silicon labs

included in the description of this video, and for me again, i am running this on a mac. i am running osx so i'm gonna scroll down and i'm gonna download the vcp drivers for mac osx. depending on your operating system, you'll need to download the corresponding drivers. once you've downloaded the vcp drivers from the silicon labs website go ahead and double click on the file. then go to the mounted image and double click on the package file to go through the installation process. go ahead and click 'continue'.

if you want to read the software license agreement, once you agree with it, then click 'agree', if you agree. and then just click on the 'install'. it'll ask you to enter your password as you are going through the process. this is again just installing the drivers that you'll need in order to communicate with the development board. and it takes a few seconds to install. at the same time we can go through the process of installing the arduino development environment. so i'm gonna go back to my downloads

which is where i downloaded the file. i'm gonna go ahead and unzip it. and that process should take a little bit. once the application is unzipped, go ahead and drag it to your applications folder. i had a previous installation. i'm just gonna go ahead and replace that one. once the vcp drivers are installed, you are pretty much ready to go. you can go ahead and open the arduino ide. then we want to go through the file menu for windows users and through the preferences menu for mac users.

there's gonna be an 'additional boards manager url's' entry. go ahead and enter the url included in the description of this video. and if you already have urls in there then just go ahead and add a comma and a space, before adding the one for the esp8266 family of boards. you click ok. the reason we did that is in order to have the board recognized automatically by the ide without installing anything additional. then we can go through the 'tools' menu. go to boards and 'boards manager'

we wanna search for esp8266. click on the entry and click on 'install'. it'll download a few things and install a few others, so it'll take some time. once that's completed we want to close down the arduino app, or the arduino ide app and restart it. once all of this is done, you can go ahead and connect your development board, your esp8266 development board to the usb port of your computer. from the 'tools' menu, we are going to select board

and the node mcu 1.0 entry. and for the port we're going to select, for mac, it looks like the one i'm showing on screen is forward slash dev, forward slash cu dot slab for silicon labs usb to uart. on windows it would be com and a number. so you just go ahead and select the entry and then finally we can go through the file menu. examples, basics, and we're gonna open the program 'blink'. then we're gonna make a few modifications so that it works

with the esp8266 board. instead of the number 13 for the pin that we're going to be using, we're gonna be changing it to pin number 16. then we can go ahead and click the 'upload' button. and your board should start blinking, once the program is uploaded to the esp8266. so that's it. you are ready to get started writing your own firmware to the esp8266. thank you for watching.

10 Best Logo Design Inspiration Febuary 2014

Web Development Engineer

i'm here with heather from artisan talentand we're talking about back-end developers we talked about this a second ago what's thedifference between back-end developers and front-end developers well the back-end is a little bit more technicalso it's really i would say the foundation is a good way of looking at it for what's to come with maybe a designer anidea that you will visually eventually see so this is the very intricate framework tobuild upon to make something visual okay cool and what kind of skill sets areyou looking for you obviously have lots of freelance projectslots of full-time positions run past your

desk what kind of skills are you looking for withback-end web development well someone has to be very passionate aboutthis someone that really understands i would saythe whole process so maybe they have a background in engineering or web development or somethinglike that and they have kind of found that they really do enjoy the back-end side whichcould be working in ruby on rails which is something we see quite a bit php they understand sequel maybe they've connectedwith you know the c++ we don't touch that too much but that's importantto know but understands that through the html

and css and javascript and jquery libraries so someone who understands all of that togive to a designer is really really really important and if they're efficient and quickand clean with their code hands down they will be definitely very happy person they'll be snapped up by your clients yes tell me what kind of projects can a back-enddeveloper expect and you know what kind of back-end programming what kind of back-enddatabase work what kind of back-end coding could they expect through you know throughtheir career

you know every once in a while we see somethingmaybe it's like a full-stack developer so that's someone that understands back-end developmentwith the front-end so those are occasional usually companies split it or projects aresplit between a front-end person and a back-end person too do maybe someone that's reallygood at ruby on rails or ruby developer those are the ones that we see a lot of becausesomeone has to really really be passionate about that and they might have to understand php howit's integrated into a database that they use with the company or a cms tool or something so understanding how to connect all the dotslike that is really really really important

you'll see sometimes like a sequel be thrownin there or maybe they need to understand angular copy script a little bit more on thefront-end just to be able to communicate with the front-endperson okay cool so let's say you have a person whohas got that kind of skills who has that kind of passion is interested in those kind ofprojects what kind of money what kind of salary whether it's freelance or full-time coulda back-end developer expect this is an area that if you're really seriousabout you can do very well so you know i would say you know currentlywe're working on some ruby positions you know and as far as an hourly rate range goes forthey're looking for someone in that four to

six years so anywhere from like forty to seventyan hour so four to six years experience yes exactly but then there has been full-time roles thathave rolled through and maybe they're more in that one-twenty to one-fifty range that's pretty serious for a programmer yes but if you think about it and this digitalage we're in wouldn't you want your foundation you know handled by somebody that's an expertin that area and i feel like we connect with those people

you know they we talk to them about what makesthem tick why they got into development why they're good at backend and here we are and my understanding wrapping this littlething up here is that you're talking about someone who is more so left-brained logicalanalytical less so right-brained which is sort of moreif you will communication emotional connected so i can see how and this is a bias bias bias question it's okay i can see how having a talent agency mightbe an advantage tell me what for a back-end

developer what kind of advantage would therebe in listing with a talent agency like artisan it helps them kind of get out of their shelland not to you know kind of go off on that someone they can trust i like to talk to developers because i loveto hear that analytical side about them and what they've put together is amazing to meand how they're putting code together but being a voice for them maybe giving themsome confidence giving them some coaching tips like hey this is the type of sampleswe need this is what you're going to expect when yougo on an interview this is the type of projects so it gives them kind of a heads up and iknow someone that's very methodical and maybe

very analytical likes to be kind of excitedto know what's to come so really helping them feel confident in thatspace is another sort of i guess advocate are we can be part of alright cool so if someone wants to reach out as a back-enddeveloper as a back-end coder to maybe get some work through you guys oran agency like you what's the best way to reach artisan i know you guys are kind of everywhere right yes we are but you can pick up the phone youcan find us online you can go through linkedin

you can find us at an event don't hesitate to come up and talk to us alright thanks so much for your help

How to Give Permission for User to Submit Content to Your Blog Without Become Member?

Web Development Education

- [voiceover] in thisvideo, i'd like to recommend some websites that you can use to support your learning process and to learn more about htmland the web technologies. my favorite site for api reference is the mozilla developer network. this is maintained bythe mozilla foundation and in here you'll find information about basically all html tags,

what their attributes are, which attributes you should no longer use because they're beingdeprecated and things like that. normally, if you searchon google for any html tag and you add mdn or mozilla, it'll take you to theircorresponding page. i've never really used thissearch engine they have, i just search through google, but this is a great place to find

standard compliant information. another good website is caniuse.com. there are some features in html that are not fullysupported by all browsers, they are newer features. an example of those newer features, which are by the wayvery exciting features and i'm really hoping that they'll soon be supported by all browsers,

one of them for example is the input date, which is an input field that you can have to ask a date for the user, so it will show a calendar, and it just works outof the box, pure html. so this website, in here youcan search for any html tag and it'll show you whichbrowsers support this technology and which ones are in theprocess of supporting it and which ones simply do not support it.

so before using any cutting-edgefeature of the language, make sure to check on caniuse.com to see if it's supported or not. on zenva, we have a few different blogs and one of them is the html5 hive, which contains a lot of freetutorials on web development, other materials on html5 and javascript, and in here you canalso find a free e-book, which covers similar contentas this course, as this module,

but there are a few thingsthat we cover in the course that are not here and theother way around as well. and there's also a freeonline course on html and css, which is a simplified version of what you've been learning here, but there might be some contentthat's not repeated in both. there's actually a fair amount of stuff that's in one course, not the other. and lastly, we've got our youtube channel,

which contains a lot of videos that you can obviously watch for free, so if you go to our youtube channel, the zenva youtube channel, and then you go to the playlists section, you'll see all of thevideos sorted by topic, so you'll find a bunch of videos on, there's a lot more than those playlists. you'll find videos onhtml, videos on javascript,

videos on all sorts of web technologies and also other topics like web development andmobile app development. so there's another websitethat is very popular with people that are learning to code, which is the w3 schools, so that one shows up on google usually. the w3 schools is awebsite to be taken with a little bit of care

because it does have very goodexplanations for beginnings, but they're not always standard compliant. that's why i actually preferthe mozilla developer network, because they do a great effort into enforcing these standards and teaching you thecorrect way to do things, but having said so, i have to recognize that iuse this website sometimes, everybody does, so itcontains a lot of good,

quick explanations for things, but just don't forgetthat there might be things that are not fully updated, or that are not fully standard compliant.

10 Best Logo Design Inspiration Febuary 2014

Web Development Editor

[music] hi, i'm lisa catalano, and i'm a webdeveloper and designer. today, i want to talk about my mostimportant development tool and that's my favoritecode editor, brackets. brackets is a free, open source codeeditor led by a team from adobe. it's been around for about two years now. it started with a few great features thatwere unique and new, like the quick edit andlive preview. however, it took some time for it tobecome

the robust and powerful code editor thatit is today. in this video i am going to show you someof those unique features and the ways it can compete withany other code editor out there. one of the reasons i love bracket so muchis that it was created for front end developers and designers, it has avery attractive interface that's clean andsimple, yet powerful. it appeals to my design sensibility andbecause i spend all day in my code editor that makes mehappy. the first special thing that brackets hasis a

live preview which you can access byclicking here. it allows to see changes to your html and cssimmediately in the browser. the second special thing brackets givesyou is the quick edit feature. if i'm in an html tag i can quickly editthe css. when i go into quick edit, it will allow me to edit any existing rules that targetthat selector. it's finding a body tag in normalized css,but i want to create a new rule so i'll choosethat.

then i get to decide where i want the ruleto go, and i'll choose main.css. when i add some css properties, you cansee that the code hinting works great inside ofquick edit mode. notice, i have not saved anything yet. the circle is indicating that it needs tobe saved. but, the changes are showing in thepreview anyway. when you have multiple rules that would beapplied to your current selector, you can switchbetween them on the right or by hitting alt+arrowkeys.

to get out of quick edit, i can hit esc. if i'm on the ul tag and i hit cmd orctrl+e i see all the ul tags in css. but, if i move my cursor to the class nameinstead, i can create a new rule for the class ofy. you can see that the code hinting usesfuzzy logic, and you can skip letters when typingproperties and values. one feature of brackets that doesn't getas much attention, is something that i can't live without now,and it's the image preview. if we go into the sidebar to look at thefiles in our project, we can see

in the image folder, we get to actuallysee the image and its dimensions in the editorarea. this is one reason this code editor is agreat choice for web designers. if i add that image, the html, notice hownicely it let's me find the image in the directoryand add it. i barely had to type anything. now if i look at the html and hover overthe image tag, i can actually see a preview of the imageright there, i love that. another part of the quick edit that'sgreat

is the ability to get the color pickerwhen your on a color and a bezier curve editorwhen your editing something like a transition. i do need to go into the css file to dothat. if i go to a color and start up click at it, i can pick a newcolor with the color picker. if i add a change to the image on hover. and then add a transition.

i can create custom easing with quickedit. i just drag the handles to make thetransition that i want. if i need some help with a css property, ican use the quick docs feature. let's say i can't remember how to add aninside box shadow. i can type box shadow, then get to somehelp by either right clicking for the menu ortyping cmd or ctrl+k. i can see the word i want is inset so ican add it now. quick docs doesn't work with javascriptout of the box but there are extensions that will make thiswork with javascript and php.

when brackets first came out it had someof these wow features that made it specialbut, it didn't have all the powerful code editingfeatures that developers have come to expect in a codeeditor. but within the past year all of that haschanged and you can do most of the things you reallywant in brackets. for example, you can use multiple cursors. one way is to hold the alt key down anddrag the mouse. this works on both mac and windowsmachines.

now i can type once and it goes everywheremy cursor is. another way is to select a word with cmdor ctrl+b and then hit that again and again, to find andselect the next words. you can also move code around easily, whenyou learn the shortcuts. i'm going to open a larger project filenow. brackets uses fuzzy logic for code hintingand for quick open. i can hit cmd or ctrl+shift+o to get toquick open. it does a great job of moving to the top the files you are more likely to want toopen.

i don't have to type all the letters tofind something. it also has great find and replacefeatures to use across a large code base. i can easily exclude folders and fileshere, and it tells me how many files it will searchthrough down here. i can preview the changes it will make anddeselect places i don't want to make the change, either byfile or by line. brackets isn't just good for html and css,it does a great job with javascript, and you can useit for any language. it will lint your code automatically andtell you your errors.

this linting can be configured to yourpersonal preferences. and the quick edit feature works withjavascript as well. i'll add some quick jquery here in themain js file. notice that nothing is changing in thelive preview right now. however, as soon as i save this file, youcan see the change in the browser. i can click at it to take me to the function definition in the actualj-query source. and if you're working with a largejavascript code base, it will find your functionsanywhere.

if i want to take this further and see theshow hide function, i can click on the file name to open it in the correctspot, and then click edit again. and it will take me right to thatfunction. so i have two parts of the jquery sourceopen in one window at the same time. brackets does not have split view but thisquick edit feature means you need it a littleless often. split view is coming in a future releasehowever. the newest version of brackets lets youcustomize your workspace with themes, it only comes withtwo themes

out of the box, however there are lots of themes you can choose from in theextension manager. if i go to the extension manager, i can typetheme and it will show me lots of options. speaking of the extension manager, this is animportant part of brackets. brackets is an open source project and hasa lot of community involvement, especiallyin the area of extension. they allow you to add functionality tobrackets that isn't part of the core.

sometimes these extensions get pulled intothe core which is what happened with the themesfunctionality. there are too many great extensions tomention, but if you find brackets missing some functionality youwant, do a search in the extension manager and you might find it there, this was justa quick high level view at some of the greatfeatures of brackets. if you looked at brackets int he past andliked the quick edit concept but didn't think it was a powerfulenough editor for you yet. i would encourage you to try it again,it's come a

long way from the initial concept andworks great for your everyday editor now, thanks for watching, if youhave any questions about anything i've discussed here, you can askme on twitter at @lcatdesigns.

Download Top 5 Powerpoint Presentation Template for Free

Web Development Eclipse

welcome to the spoken-tutorial on creating a java web project. in this tutorial we will learn : to create a java web project about deployment descriptor about web.xml file here we are using ubuntu version 12.04 netbeans ide 7.3 jdk 1.7

firefox web-browser 21.0 you can use any web-browser of your choice to follow this tutorial you must have knowledge of core java using netbeans ide and html if not, for relevant tutorials please visit our website. now, let us see how to create a simple java web project using netbeans ide. for this we will switch to netbeans ide. on the top left corner of the ide, click on file and click on new project.

a new project window opens up. from the categories, choose java web and from the projects choose web application. then click on next. on the next window that opens. type the project name as myfirstproject. leave the project location and project folder as it is then, click on next. select glassfish server as the server. note that context path here is myfirstproject, this is the same name as our project.

we will learn about this in detail. now, click on next and then click on finish. click on the projects tab, we can see there are several nodes here and a web application name my first project has been created now, we are not concerned about all of these nodes right now. but let me click and show you, what it contains. now let us learn about what is known as deployment descriptor. a web application’s deployment descriptor describes: the classes, resources and configuration of the application and

how the web server uses them to serve web requests the web server receives a request for the application. it uses deployment descriptor to map the url of the request. it maps the url to the code that has to handle the request. the deployment descriptor is a file named web.xml. now let us come back to the ide. we are not able to find the web.xml file from the nodes available here. to locate it, at the top left of the ide, click on file, and then click on new file. from the categories, choose web.

and from the file types, choose standard deployment descriptor(web.xml). and click on finish. click on the files tab on the left hand side of the ide. note that web.xml is visible under the web-inffolder of the web node. you can see the source code now. we have an xml header here. we also have a web-app node. now, we shall try running the application. to do so, right click on myfirstproject.

click on clean and build. this will delete any previously compiled files and other build outputs. it will also recompile the application. again, right click on myfirstproject and then click on run. so the server is up and running and it has deploy my first project a browser windows open up and displays hello world this is because when we run the project, the web application renders the page shown. now, let’s have a look at the url here that rendered the page. it is localhost colon 8080 slash myfirstproject.

so when we run myfirstproject by default we get a jsp page that says helloworld! now, let us come back to our ide. we can see that under the web-inf folder there is index.jsp. double click on index.jsp. we can see the source code here. it is a simple jsp page with html tags only. it has the title jsp page and it has the heading hello world the server provides index.jsp by default when we run the web application. recall that we had come across something called contextpath earlier.

we had set the contextpath as myfirstproject itself. now, come back to the browser type the url as localhost colon 8080. and press enter we see that the home page of glassfish server is displayed. here 8080 is the default course at which the server runs on the machine. this glassfish server instance may have many applications running on it. to access a particular application type that application name in the url. so,we must type the specific application that has been deployed on that instance. so we will type slash myfirstproject .

and press enter. so we see hello world displayed let us summarize. in this tutorial we have learnt to create a simple java web project execute the web project and about the web.xml file to know more about this spoken tutorial project watch the video available at the following link

it summarizes the spoken tutorial project if you do not have good bandwidth, you can download and watch it the spoken tutorial project team conducts workshops using spoken tutorials gives certificates for those who pass an online test for more details, please write to contact at spoken hyphen tutorial dot org spoken tutorial project is a part of the talk to a teacher project it is supported by the national mission on education through ict, mhrd, government of india more information on this mission is available at

http://spoken-tutorial.org/nmeict- intro the library management system has been contributed by a leading software mnc, through their corporate social responsibility program. they have also validated the content for this spoken tutorial. this is arya ratish from iit bombay signing off.thank you for joining.

Top 2 Online Photo Editor on The Internet

Web Development Ebook

in this video we will create a sample asp.net web api application and consume them using different types of a clients for that first click on file new project select asp.net mvc 4 web application put a nice name my first web api and say okay

and here is the asp.net mvc code project dialogue box select web api and say okay so here it is what we have web api project template includes a sample web api called values with it. if you are a asp.net mvc developer then you may find lot's of features in web api as similar to mvc they are not exactly same but as a asp.net developer you can definitely views your knowledge here

but if you are not a asp.net mvc developer then this things are going to be new for you but it's not going to be difficult for you let's look at the some common features in mvc we have something called as mvc controller whereas in web api we have something called as api controller the difference between these two controllers are in api controller action methods are actually http methods like get, post,put and delete even we can overload these methods if required

we look into this method in details shortly but before that let's discuss about one more features i.e. routes let's take a look at mvc default routes and try to understand how mvc request work for that expand this app_start folder we have route config.cs file here open it here it is mvc default routes when request comes to mvc it takes the url and parses the first three segments of the url and the first segment is contoller

it find the class with this name then we have action and it literally find the method inside this controller with this name and we also have default or optional id parameter here just like this in web api we have default web api routes just to keep it separate from mvc routes web api routes are prefix with the word api we can change this name to anything like invoice api,customer api or may be facebook api as per our requirement

then we have controller and we have optional id parameter the beauty here is we don't have actions here the reason behind that is action are actually http methods and depending on the type of client request for example if it's a get request then get methods get called if it's a post request then post methods get called and so on let me close these both the files and move toward controller what i will do is i will put a break point here and exit to the application okay

now as per the route config i have to put api has prefix here and my controller name is values controller so values and press enter oh great breakpoint is here if i press f5 i get the xml representation of my string array is it that simple so let's look at the same request using fiddler for the those who don't know what is fiddler is fiddler is a web debugging tool which locks all http traffic between our computer and the internet it also let us make request and also let us modify the http address as per our convenience

you can pause the video and copy the url and download the fiddler to your computer okay let me open fiddler what i will do is click on this composer tab and we'll make a new get request to our web api and click on a execute okay we get success message now let's look at the output we got when we click on the raw what we can see here is we are getting json representation of our string data if you remember when we made the request using chrome we got xml representation where as in case of fiddler we are getting it as json

the reason behind that is we have something called as accept accept is a feeding http header it specify what kind of response a client can accept default what we say default accept value for chrome is xml whereas for fiddler it is json but but in fiddler we can change that like this

accept:application/acceptxml and say execute okay we got a success now if i click on raw what i can see i am getting a xml representation of my string variable if i click on compose and change this xml back to json and click on execute what i can see i am again getting the json this thing this term is called as or this concept is called as content negotiation depends on the client request server is returning the format

when client say i want xml it gives xml when client say json it gives json even if we want we can written our own custom format like visiting card anything or image it may be anything depends on the clients depends on our requirement we can change the accept value and client and if it is supported in the server it will return the same format now let's try to create something more interesting first of all in this video we only talk about get method we will try to cover post put and delete method in further coming videos

so let me remove this and let's create a small class called customer inside our model and let's create two properties inside this first one is int property called customer id let make it i capital okay and let's create a second property a string property called customer name that's simple next we will move back to our controller i.e value controller and just instead of returning this string what we will do is we will say he will written customer say import and here i will say customer okay fine now i will say if i==1 than return

new customer customer id =1, customer name sukesh marla else else if i ==2 then return oh what happen oh sorry its id okay if i==2 then return new customer customer id=2, customer name=new customer fine okay or else i will return null okay simple and again what we will do is here we will write something like this new list of customer

here i will say this enter and this okay we are ready with our controller we just created two get methods inside it one returning list and second returning a single customer now lets consume this web api we will consume this web api first using google chrome second using fiddler and third we will write jquery and try to consume the same so let's start with google chrome what we will do is we will just run this application

okay it's there say /api/value okay we got it we got the xml representation our list of customer this is because entering a url and pressing enter that mean we are actually making get request to our web api let me put break point here and run it again okay see break point is getting hit here when i say continue i am getting the xml okay now let me try with an another get method over loaded get method

okay where ever i put 1 i am getting sukesh marla in return let me put breakpoint there and let me try with second parameter say 2 i will press enter say f10 okay id is not matching now id is matching we are getting new customer return okay that's it we got the new customer here if i parse something else other than 1 and 2

then i ma getting okay id is not matching again id is not matching i am getting null okay we are getting nothing that's it it is that simple we just consumed our web api using google chrome now we will try the same using fiddler for that let me launch fiddler once again fiddler is here let click on composer and let make a get request to our web api here is the web api

and we got json representation of our list of customer now if we change the except we did earlier to application/xml and say execute and if we check the result here it is we got the xml representation similarly we can make request to our another customer another get method and

output is here in xml format you can see we have sukesh marla is here if you change the except i to json back then we will get the result in json format so it's that simple we can use fiddler for the testing purpose because we can test it for various format and all now the final demonstration where we will try to consume or web api using jquery

for that we have a small web application called web api test with us with a simple button and a jquery support here we have jquery or javascript handller for the button and our task is to write a code which will consume the web api and display the result so let's start coding in jquery we have something called as $.ajax which we can use to consume web api it has parameters like url which will accept

which will take the web api url then we have type which will tell which kind of which method we are going to invoke like get post or something else next it has data type what kind of format we are expecting in return we expecting json for now next we have a call back method called success which get called when the result is return from web api

it has a parameter called data now let's start with okay what we will do is we will put a alert and say data.customername now let's put a break point in our web api here and let's run this application now you notice as soon as if we click on this button we are getting break point here if you notice the value of id is now 1 so definitely we are going to get this customer in return when i say f5 i am getting in alert sukesh marla which is because of

this code block similarly if we try to consume previous get method which is going to return list of customer then definitely we are suppose to make a loop on customers we can do it like this data, it has a function called as function key, customer then what we have to do is we have to say alert one we have customer.customer name then nothing that's it now if i press ctrl f5 here

and try to click this button i am getting sukesh marla and new customer as well so here we finish our simple demonstration of how to create and consume asp.net web api hope you enjoyed if you have any query you can write to us and we try to reply with the best possible way we can thank you

4 Responsive Tabbed for Bootstrap 3.0 That You Should Try Before Design

Web Development Dummies

vsauce, i’m jake and my parents have leftme…home...alone. which is scary because i’m only 8 yearsold but the silver lining is, that being 8, i have an incredibly intuitive understandingof thermal dynamics, mechanical engineering, and physics in general. which is good because there have been a lot of robberies in my neighborhood. so to protect myself i've recreated some of the traps from the movie home alone. now, there have been videos and articles about this before, about how damaging the traps would be. but nobody has recreated them, physically,and tested them on the human body…or in our case, a ballistic dummy.

so we will be testing two traps that alwaysstood out to me as being the most fascinating: the red hot door handle, and paint can tothe face. as a bonus, even though it isn’t a trap,the crowbar to the chest because that just has to be dangerous, that is if you even madeit past those first two. oh…i think i hear the bandits coming towardsthe house, i’m gonna go get ready. hey, we’re the threadbanger bandits andwe are robbing all these empty houses, right corinne? that's right rob. we're gonna knock off this little 8 yearold kid cus it’s not like he has a bunch of intricate traps set up that could seriouslyhurt us.

exactly. corinne, you check the front door and i’lltry the back. now we need to heat up a door handle to sucha, literal, degree that it glows red, becomes incandescent, that is the emission of electromagneticradiation from a hot body that makes it visible. in the film they use an electric bbq lighterplaced on the interior side of the door, and the heat then transfers from the brass knob,through the steel spindle into the exterior knob. one thing to consider before we test: theobject that is holding this hot door handle. the door is metal but the interior of it iswood and foam…so if i had to hypothesis

what’d happen, if we heat the knob closeto 1000â°f, the temperature at which it will glow, then the metal door will start to warpand the foam and wood inside it will combust into flame…which wouldn’t be good. but there’s only one way to know for sure. after 30 minutes the interior door handlegot to around 900 degrees f. the exterior door knob, only about 65 degrees f. it’staking a very long time so to speed things up we are going to use this map gas torchto get things a little bit hotter a little bit more quickly. the exterior door knob only got to about 115degrees f which still wouldn’t be that pleasant

to touch but wouldn’t do that much damage. the interior door knob we got to a total temperatureof 1400 degrees f. which is incredibly hot. to test how badly it would burn instead ofusing a hand we used pork belly, which has similar skin thickness. and held it on the door handle for 3 secondslike in the film. and the burn results were pretty similar tothe movie and pretty severe. but more importantly what did happen whichi thought would, the interior of the door lit on fire. the wood, the foam burned.

the metal right here warped, we could actuallysee some fire coming out of the door knob. over hours you could probably get the exteriordoor knob to heat up not hot enough to glow, to be incandescent. but the interior door knob would get thereover a long enough period of time. let’s move on. and it should be noted that with this goingfor hours the door would most likely, totally light on fire which defeats the purpose becausethe villains could just walk right in. so...ya know. the hot door knob is very similar to the blowtorchto the head trap from the film which my friend

mark rober and i tested over on his channel. and speaking of heads and mark rober, let’sfind out what happens when a full can of paint hits you there. to help explain, the star of my favorite b&w gangster film “angles with filthy physics”, mechanical engineer mark rober. i’m gonna give you to the count of 10 to get yourugly, yella, no good - oh, vsauce! it’s you. let’s talk paint can to the face physics. a standard 1 gallon can of paint has a massof about 13lbs. in the film the can is

dropped from the top of the stairs with thebandits roughly in the middle. this means, as it falls, it gains speed becauseof the conversion of gravitation potential energy to kinetic, which works out to 17 mph. this is the speed of the can as if it werejust released, but you add in a swing before release meaning you have a 13lb paint cancoming towards your head at 20mph. now if we assume your face crumples a bitand stops this paint can in about 3/4 of an inch of travel, that puts the impact forceat 12kn. that is like getting bare knuckle punchedby mike tyson twice at one time. 12kn is 6 times more force than is requiredto break your nose.

then, if we take that force and divide bythe mass of your head that means your head snaps back at 266g’s. that means there is virtually a 100% chanceyou will be knocked out and a 42% chance your skull would actually crack. now where was i? oh yeah! i'm gonna give you 10 seconds to get no good, yella belly, ugly, dirty rotten keester outta here. as mark was saying, your skull cracking is not good. also, because of the way the head is struck,the bandits are likely to suffer an unhealthy dose of whiplash – causing even more damageto the brain. after this trap, your burgling days are most likely over. hey!

he’s at the top of the stairs! i think i need to go to the hospital, my handis pretty burned. get him! time to test the trap! so a paint can to the face would be incredibly devastating...which i feel is an understatement. but luckily for us, threadbangerbandits are very, very tough so this brings us to the last test: the crowbar to the chest. i just need one thing...oh. here it is! ahhhhhhhhh!

why is this happening to me? rob...what are you doing? corinne…don’t move. the crowbars weighs about 5lbs. and is swinging through the air ataround 35 mph it will deliver a total force of 15,000n. about 4.5 times the amount of force neededto break an average human rib. it broke through the skin, 7ribs, and in this test actually punctured a lung and the heart. ok, so after doing this tests, what did we find out? well, the hot door handle would get very, very, very hot give enough time, a very long time.

you'd get 3rd degree burns on your hand and you would probably have to go to a hospital. you wouldn't be able to use this baby for the rest of the night then we get to paint can to the head. which is devastating, really cool, but really devastating. that would be the end of your robbing career and you probably wouldn't walk away from it. but you do, some how, and we get to crowbar to the chest. which not only breaks your ribs but punctures your internal organs. and that's not good and you should really go see a doctor at this point if this happens to you. please this is just a psa from me to you. so could you survive the home alone traps? most likely probably, pretty much, no you couldn't.

which makes me think i should check on rob and corinne... and, as always, thanks for watching.

Download Top 5 Powerpoint Presentation Template for Free

Web Development Dubai

[music] my name is andrew mcclenaghan and i'm the president of digital echidna we're a digital agency specializing in essential services [gabrielle rickman] digital echidna is located in london, ontario at the corner of king and talbot. [victor harris] we actually have renovated a heritage building. [andrew] we're active in health care, non-profits, government, associations... [gabrielle] we really establish such a great relationship with everyone that we work with [gabrielle] that we're able to build long-lasting relationships with our clients. [andrew] we work exclusively with open-source technology, namely drupal,

[andrew] which is a content-management framework used on millions and millions of sites across the world. [andrew] we back this up with a very diverse team. [gabrielle] the digital echidna team is amazing. [gabrielle] whether we are working on an actual project or we're playing foosball at lunch [gabrielle] we are a diverse group, with amazing skill sets. [andrew] we have engineers, artists, illustrators, photographers, designers, developers. [victor] having that great mix of client services and technical really helps us put our best foot forwards our clients. [andrew] the digital world is definitely more complex today. [andrew] it's just filled with communities, tweets, pokes, web sites.

[victor] the online world has started to encompass everything that we do in our day-to-day work and also in our personal lives. [andrew] so, we define essential services as no longer the nice-to-haves. [andrew] these are really services that are essential to you using the web to promote your business. [andrew] so, services like content marketing, management, sales support, lead generation... [gabrielle] these are things that, in the past, were optional. [gabrielle] but now these essential services have become necessary to be able to stay up to date and current. [andrew] that's where we come in. [andrew] our offerings focus around the desire to harmonize all of these services into one custom solution. [victor] we make sure that we look at the full picture

[victor] and we put together an encompassing solution that takes into account all of your online properties. [andrew] our process starts with the basics: [andrew] content -- what needs to be said. [andrew] connections -- making sure that message gets out to the people who need to see it. [andrew] and commerce -- the transactions that you want to occur when people make it to your site. [andrew] if you're an organization looking for assistance in the digital space [andrew] i encourage you to start with the essentials and connect with us today.

New 3 Raspberry PI Creative and Inspiration Febuary 2014

Web Development Drupal

this series is for anybody who wants to diveinto drupal 8 but is unfamiliar with some of the concepts that it introduces like object-orientedprogramming, symfony integration, autoloading, plugins and unit testing among others. evenif you come to the table having never worked with drupal before, you should be able tofollow along but i may make references to the way that drupal 7 works in contrast withdrupal 8, for example, or might gloss over certain drupal-specific terms like "hooks"and "entities." i also assume that you have some basic phpprogramming knowledge. if you're just starting out with development, i'd suggest that youwatch the php programming basics video collection first and then come back to this series. agood part of what we'll cover involves working

with php in an object-oriented way, and it'stough to really appreciate those concepts without first having run into the limitationsof the way that you program when all you are trying to do is just build something thatworks. the main goal of this series is to familiarizeyou with specific concepts and techniques so that you'll know how to find your way arounddrupal 8 but also in such a way that you will be able to use many of your new skills outsideof drupal as well. for example, when we look at object-oriented programming, it will beeasier to identify key concepts in plain php and then introduce how those concepts areimplemented in drupal. when we dive into the symfony framework, we'lllook at the various components outside of

drupal to begin with and then we'll addresshow they are used in the context of drupal. the goal again is to illustrate ways thatthese tools can be used both inside and outside of drupal which will strengthen your positionas a developer in your own projects and also when you are looking for paid work. so some of the big areas that we'll be coveringin this series include, first, building a simple module. we'll begin by looking at wherethe scaffolding of a module has changed from drupal 7 and where it stayed the same, andthis will launch us into exploring a lot of the concepts that we need to know to understandwhat's really going on with the code. we'll dive into object-oriented programmingconcepts and techniques so we'll start from

where we left off in the php programming basicscollection and discuss what the big conceptual differences are and of course look at numerouspractical examples to illustrate the different ideas. we'll look at namespacing. now, the basicsof namespacing are pretty simple but we'll go a bit deeper and look at namespacing practicesand specifically what you need to know to take advantage of namespacing in drupal. we'll discuss autoloading. if you don't knowwhat autoloading is, it will seem like a lot of drupal 8 code is just magical. here, wedispel the magic and explain what's going on with autoloading and why.

we'll dive into symfony integration. drupaltakes advantage of numerous components from the symfony framework and so we'll look athow symfony works both on its own and then explore the various components used by drupal. we'll talk about controllers. one of the ideasthat drupal takes from symfony is the idea of a controller or rather a class that interfacesbetween data and the way you want to display the data. now, if you don't know what thatmeans, don't worry. we're going to ease into it. we'll look at composer. so drupal takes advantageof a php application called composer. it's a powerful tool for integrating third-partylibraries in your code base. we'll look at

how to use composer for any project, whichis a lot of fun, and where drupal leverages it in particular. we'll dive into what to do with custom codein drupal 8. so many of the techniques that you will learn throughout this series willbe useful when it comes to evaluating how you write your own custom code that doesn'tnecessarily fit into any of the typical drupal conventions. so we'll explore some ideas arounduseful ways to apply these techniques. we'll talk about migrating modules from drupal7 to drupal 8. so migrating modules in the past between major versions of drupal hasbeen tricky and it's going to remain tricky from 7 to 8, but we'll talk through some ofthe techniques that will help your migration

process go a bit more smoothly. we'll look at unit and functional testing.a big benefit of object-oriented programming is that it becomes much easier to test yourcode, and solid testing means that you'll find problems much faster and have an easiertime troubleshooting issues. so we'll discuss the different types of testing and how towrite tests for your drupal modules. and finally, we'll discuss plugins. so there'sa new concept in drupal 8 called the plugin. we'll talk about what that is and how theyexist as well as look at some examples of how they work. if any of these or all of it sounds overwhelmingright now, just take a deep breath and relax.

the names and descriptions of all of thesesubjects might appear daunting, but when we start working through the examples you'regoing to catch on really quick and any sense of foreboding that you have now will be replacedwith excitement because this stuff is a lot of fun and you'll start to see applicationsin your own work really fast both inside and outside of drupal. all right. let's get started.

5 Best Bootstrap Template for Portfolio and Company Profile

Web Development Django

hi, my name is lorenzo, andi'll be your instructor as we explore the foundations offull stack web development. in this course you will learn to buildyour own data-driven web application, but what does that actually mean? well, when i say web applicationi'm referring to a web page or collection of pages that allows yourbrowser to respond to user input, similar to an offlinesoftware application. and by data-driven,i mean an application that can store and retrieve information from a database todeliver customized content to the user.

almost all of the popular websitesyou interact with on a daily basis are data-driven web applications. soon you will create a similarwebsite of your own. in addition to creating web pages, youwill also learn to send data from your server in other forms,like json requests. so that the data from your applicationcan be shared with other machines that process json, like a data aggregator ora mobile device. your mission in this course isto help me create a menu app. you'll be building an interactiveweb application that presents a user

a variety of menu items they can view,create, modify, and delete. in the first lesson of this courseyou will extract data from a database using python. we'll also be using a tool calledan object-relational mapping, or orm to manipulate queriesas objects in python. if you've never heard of an orm,don't worry. you'll be very familiar withit in just a few minutes. in the second lesson you will buildyour first data-driven web application using only the libraries thatcome installed with python.

in the third lesson we willtalk about frameworks and create an application usingthe lightweight web framework, flask. you will understand how frameworks helpdevelopers write code more efficiently. once you complete this course youwill easily be able to compare and contrast frameworks, and choose oneof your own for future projects. finally, you'll use what youlearned from lessons one, two, and three to iteratively write code untilyou have a polished menu application, complete with api endpoints forjson requests. let's get started.

10 Best Logo Design Inspiration Febuary 2014

Web Development Diploma

[music plays throughout] [hayley] i chose the media communications program at humber because when i was looking throughthe different descriptions of all the courses we were gonna be taking, it was really exactly what i wanted. i wanted something that was hands on and something that was creative, and i saw that we were gonna be learning, uh, how to use all the different adobe software, we were gonna be shooting in the studio,

we were gonna be doing videography and design, and i just wanted to have a taste of it all. [cathy bidini] media communications at humber is a two year diploma programthat prepares students to be multi-skilled media professionals we offer a very valuable one semester internship program, where students have the opportunity to gain real world experience. [david chisholm] my current roleat, ah, budds' bmw and mini is, uh, marketing manager.

i do everything from google analytics, to e-mail campaigns,to mobile optimization, um, for the website and apps that we build. uh, i'm the brand ambassador at events, so i take the cars outand speak to people who may not know anything about bmw. the internship, uh, placementis a huge opportunity, uh, getting your footin the door somewhere that is an industry that you wanna work in or gain experience in.

and as soon as i was done the program,i got hired on full-time here, and it's been three and a half years nowsince then. [hayley]well all the faculty, as well, at humber are experts in their field, so it's really interestingto get their expertise from out in the field and have that brought into the classroom. [julie kaczorowski]i picked humber because i heard that there was a high chance of getting a job afterwards, and that was appealing to me.

currently,i work at tc media. i've just be hired on as their on-staff editor. i knew i loved storytelling, and i knew that i like to pull an emotion out of somebody, and the media communications program definitely gave me that strength. [avalon] i've always had an interest in photography, and, coming to humber,i just had very basic knowledge of it. but humber really defined that skill and taught me a lot more, and also showed me how i could make a career out of it.

so now i have an internship, but i have so much more than just the photography skill. [cathy] our graduates are working in many areas of the industry. from social media, photography,editing, production, website development –they're everywhere. [hayley] i really do feel like,from being here, that i would be an asset to a marketing and communications company, or that kind of in-house position. i really wanna be able to utilize

all the different skills that i've learned here at humber. [david] there's a wide variety of courses that you are going to take, but just soak upas much of it as you can because out in the real workforce,it's gonna put you ahead immensely. [music fades out]

4 Responsive Tabbed for Bootstrap 3.0 That You Should Try Before Design